oppi.li / perf-test
loading up the forgejo repo on tangled to test page performance
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

ui: use alt bg color for labels in hovered menu items (#4458)

A followup for https://codeberg.org/forgejo/forgejo/pulls/2935.
Re-use the alt bg color for labels inside menu items that are hovered, to keep the label box visible.

Preview: https://codeberg.org/attachments/d649b2d9-0838-49af-be6a-766de2faf52e

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/4458
Reviewed-by: Earl Warren <earl-warren@noreply.codeberg.org>

0ko 16224ebd e5379117

+3 -2
+2 -1
web_src/css/base.css
··· 1185 1185 color: var(--color-label-text); 1186 1186 } 1187 1187 1188 - .ui.menu .active.item > .label { 1188 + .ui.menu .active.item > .label, 1189 + .ui.menu.tabs-with-labels .item:hover > .label { 1189 1190 background: var(--color-label-bg-alt, var(--color-label-bg)); 1190 1191 } 1191 1192
+1 -1
web_src/js/components/DashboardRepoList.vue
··· 339 339 </script> 340 340 <template> 341 341 <div> 342 - <div v-if="!isOrganization" class="ui secondary stackable menu"> 342 + <div v-if="!isOrganization" class="ui secondary stackable menu tabs-with-labels"> 343 343 <a :class="{item: true, active: tab === 'repos'}" @click="changeTab('repos')">{{ textMyRepos }} <span class="ui grey label tw-ml-2">{{ reposTotalCount }}</span></a> 344 344 <a :class="{item: true, active: tab === 'organizations'}" @click="changeTab('organizations')">{{ textMyOrgs }} <span class="ui grey label tw-ml-2">{{ organizationsTotalCount }}</span></a> 345 345 </div>