163 - [2026-05-20 00:37:42] - v1.27.0-dev-174-gef319c5c07 - Type: Modified - [navbar] [sticky-ui] Refined the persistent navbar toggle lip to be shorter and vertically center the arrow icon.

- 1 - I updated `web_src/css/modules/navbar.css` so the bottom-right persistent-navbar toggle tab now uses a slimmer 8px lip, sits 8px below the navbar edge, and centers a smaller chevron within the lip instead of bottom-aligning it.
This commit is contained in:
2026-05-20 03:07:39 +03:00
parent ef319c5c07
commit 78f429361d
2 changed files with 6 additions and 4 deletions
+3
View File
@@ -811,3 +811,6 @@ History search guidance:
162 - [2026-05-20 00:31:49] - v1.27.0-dev-173-gb66ec8c19d - Type: Fixed - [navbar] [sticky-ui] [cookies] Kept the persistent navigation bar sticky for signed-out pages by reusing the saved preference from a site cookie.
- 1 - I updated `modules/web/middleware/cookie.go`, `routers/common/pagetmpl.go`, and `routers/web/user/setting/profile.go` to add a dedicated `gitea_persistent_navbar` cookie, synchronize it when authenticated users save or load the preference, and reuse that cookie as the anonymous-page fallback so the navbar stays sticky after logout just like the footer already does.
163 - [2026-05-20 00:37:42] - v1.27.0-dev-174-gef319c5c07 - Type: Modified - [navbar] [sticky-ui] Refined the persistent navbar toggle lip to be shorter and vertically center the arrow icon.
- 1 - I updated `web_src/css/modules/navbar.css` so the bottom-right persistent-navbar toggle tab now uses a slimmer 8px lip, sits 8px below the navbar edge, and centers a smaller chevron within the lip instead of bottom-aligning it.
+3 -4
View File
@@ -130,12 +130,11 @@ body.show-persistent-navbar #navbar {
right: 5px;
bottom: -11px;
display: flex;
align-items: flex-end;
align-items: center;
justify-content: center;
width: 50px;
height: 11px;
padding: 0;
/* padding-bottom: 1px; */
color: var(--color-nav-text);
background: var(--color-nav-bg);
border: 1px solid var(--color-secondary);
@@ -151,8 +150,8 @@ body.show-persistent-navbar #navbar {
}
body.show-persistent-navbar #persistent-navbar-visibility-toggle .svg {
width: 12px;
height: 12px;
width: 9px;
height: 9px;
}
}