mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2026-03-26 08:13:04 -04:00
f0b4e3b943
Replaced dropdowns in the navbar with JS-less ones from https://codeberg.org/forgejo/forgejo/pulls/7906. Also made some changes to the dropdown component: * fixed variable name * painted backgrounds (hover, focus) are now consistently applied to the actual interactive items (`<a>`, `<button>`), not to `<li>`. This is consistent with how backgrounds are conditionally applied to pre-selected (`.active`) items and is better, as it allows to place additional things to `<li>`... * ...`<hr>` can now be placed in some `<li>` instead of requiring splitting into multiple `<ul>`. This is simpler in code and I am guessing this should be better for a11y as screen readers can cast one continuous list instead of multiple ones. But have no hard proof that this is actually better. My main motivation was to avoid ugly mistake-prone tmpl logic where unconditional `<ul>` was getting closed and reopened inside of a condition. I should note that on mobile all items, including these dropdowns, are hidden in another dropdown, and it stays JS-dependand for now. So this PR only makes this part of the UI JS-less for desktop. Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/10025 Reviewed-by: Robert Wolff <mahlzahn@posteo.de> Reviewed-by: Gusted <gusted@noreply.codeberg.org> Co-authored-by: 0ko <0ko@noreply.codeberg.org> Co-committed-by: 0ko <0ko@noreply.codeberg.org> |
||
|---|---|---|
| .. | ||
| 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 | ||