fix: improve alignment of icons in navbar (#11259)

Add `flex` or `inline-flex` to the direct parent element of the SVG icon in the navigation bar to make the overall alignment look better.

Co-authored-by: 0ko <0ko@noreply.codeberg.org>
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/11259
Reviewed-by: 0ko <0ko@noreply.codeberg.org>
Co-authored-by: panc <pan0xc@foxmail.com>
Co-committed-by: panc <pan0xc@foxmail.com>
This commit is contained in:
panc 2026-02-15 19:11:43 +01:00 committed by Gusted
parent e00471b00e
commit d6fc66c066
2 changed files with 17 additions and 7 deletions

View file

@ -44,6 +44,12 @@
margin-right: 0;
}
/* icon with notification counter - positioned relative container */
#navbar .notification-icon-relative {
position: relative;
display: flex;
}
@media (max-width: 767.98px) {
#navbar {
align-items: stretch;
@ -123,6 +129,10 @@
min-height: 38px;
}
#navbar details.dropdown .dropdown-icon {
display: contents;
}
#navbar a.item .notification_count {
color: var(--color-nav-bg);
padding: 0 3.75px;