git724/forgejo
1
0
Fork 0
Code Issues Pull requests 3 Projects 1 Releases Packages Wiki Activity

fix(ui): improve vertical alignment of icons with text in the overflow menu (#7356)

Browse source 
- Follow up for #7314. Turns out this impacted the positioning of icons in tabs negatively, like the "Conversation"/"Commits"/"Files changed".
- Limit the change to the `overflow-menu` element.

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/7356
Reviewed-by: Gusted <gusted@noreply.codeberg.org>
Co-authored-by: Simon Ochsenreither <simon@ochsenreither.de>
Co-committed-by: Simon Ochsenreither <simon@ochsenreither.de>
This commit is contained in:
Simon Ochsenreither 2025-03-28 11:47:58 +00:00 • committed by Gusted
commit 85ae9d710c
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
web_src/css/base.css
View file

@ -382,7 +382,6 @@ a.label,
} }
.ui.menu .item > .svg { .ui.menu .item > .svg {
align-self: baseline;
margin-right: 0.35em; margin-right: 0.35em;
} }
@ -1060,6 +1059,10 @@ overflow-menu .overflow-menu-items .item {
margin-bottom: 0 !important; /* reset fomantic's margin, because the active menu has special bottom border */ margin-bottom: 0 !important; /* reset fomantic's margin, because the active menu has special bottom border */
} }
overflow-menu .overflow-menu-items .item > .svg {
align-self: baseline;
}
overflow-menu .ui.label { overflow-menu .ui.label {
margin-left: 7px !important; /* save some space */ margin-left: 7px !important; /* save some space */
} }