loading up the forgejo repo on tangled to test page performance
Fix organization list in dashboard (#26650)
Fix ui problem comes from #26326
Before:
After:
+7
-3
+7
-3
web_src/js/components/DashboardRepoList.vue
+7
-3
web_src/js/components/DashboardRepoList.vue
···
70
70
<div v-if="repos.length" class="ui attached table segment gt-rounded-bottom">
71
71
<ul class="repo-owner-name-list">
72
72
<li class="gt-df gt-ac gt-py-3" v-for="repo, index in repos" :class="{'active': index === activeIndex}" :key="repo.id">
73
-
<a class="repo-list-link muted gt-df gt-ac gt-f1 gt-gap-3" :href="repo.link">
73
+
<a class="repo-list-link muted" :href="repo.link">
74
74
<svg-icon :name="repoIcon(repo)" :size="16" class-name="repo-list-icon"/>
75
75
<div class="text truncate">{{ repo.full_name }}</div>
76
76
<div v-if="repo.archived">
···
126
126
</h4>
127
127
<div v-if="organizations.length" class="ui attached table segment gt-rounded-bottom">
128
128
<ul class="repo-owner-name-list">
129
-
<li class="gt-df gt-ac" v-for="org in organizations" :key="org.name">
130
-
<a class="repo-list-link muted gt-df gt-ac gt-f1" :href="subUrl + '/' + encodeURIComponent(org.name)">
129
+
<li class="gt-df gt-ac gt-py-3" v-for="org in organizations" :key="org.name">
130
+
<a class="repo-list-link muted" :href="subUrl + '/' + encodeURIComponent(org.name)">
131
131
<svg-icon name="octicon-organization" :size="16" class-name="repo-list-icon"/>
132
132
<div class="text truncate">{{ org.name }}</div>
133
133
<div><!-- div to prevent underline of label on hover -->
···
504
504
505
505
.repo-list-link {
506
506
min-width: 0; /* for text truncation */
507
+
display: flex;
508
+
align-items: center;
509
+
flex: 1;
510
+
gap: 0.5rem;
507
511
}
508
512
509
513
.repo-list-link .svg {