mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2026-03-25 21:53:02 -04:00
89bff31287
Replaces https://codeberg.org/forgejo/forgejo/pulls/11271 This rule was problematic and didn't quite make sense: * the intention is to have a navbar that is 48px+1px border * we apply `min-height:49px` to: `#navbar` with intention of making it 49px tall total, with border * but we also apply it to `#navbar .navbar-left/right` * elements `#navbar .navbar-left/right` become 49px tall * their parent `#navbar` becomes 49px+1px border = 50px, overriding what was done in step 2 This height missmatch had an incompatibility with this definition for open menu inside of navbar on mobile, causing jitter when the menu is opened/closed, because it was expecting navbar body to be 48px, but due to the rule that was removed it was actually 49px. ```css #navbar.navbar-menu-open .navbar-left .navbar-mobile-right { min-height: 48px; } ``` The fix is to only apply `min-height` to `#navbar`'s children. At least `.navbar-left` is always expected to be present unconditionally on all pages. This does make the navbar 1px shorter. If we still want a 50px navbar but without the bug let me know and I'll adjust. ### Preview by @panc From https://codeberg.org/forgejo/forgejo/pulls/11271, also applies to this PR. | Before | After | |----|----| | <video src="/attachments/515fdfc1-cb97-46af-88ac-9bb0e216a996" title="Screencast From 2026-02-13 19-56-32" controls></video> | <video src="/attachments/133d1499-4660-402d-8082-f407b3644e5c" title="Screencast From 2026-02-13 19-57-29" controls></video> | Reported-by: panc <panc@noreply.codeberg.org> Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/11274 Reviewed-by: Robert Wolff <mahlzahn@posteo.de> |
||
|---|---|---|
| .. | ||
| animations.css | ||
| breadcrumb.css | ||
| button-legacy.css | ||
| button.css | ||
| card.css | ||
| checkbox.css | ||
| comment.css | ||
| container.css | ||
| dialog.css | ||
| dimmer.css | ||
| divider.css | ||
| dropdown.css | ||
| flexcontainer.css | ||
| grid.css | ||
| hashbox.css | ||
| header.css | ||
| input.css | ||
| label.css | ||
| list.css | ||
| message.css | ||
| modal.css | ||
| navbar.css | ||
| normalize.css | ||
| segment.css | ||
| select.css | ||
| stats-bar.css | ||
| svg.css | ||
| switch.css | ||
| tab.css | ||
| table.css | ||
| tippy.css | ||
| toast.css | ||
| user-cards.css | ||