From cd088f21a86c0101159697947faef2f18b1cc5d5 Mon Sep 17 00:00:00 2001 From: panc Date: Fri, 13 Feb 2026 13:19:17 +0100 Subject: [PATCH] fix(ui): fix gap consistency between navbar items on mobile (#11262) The navigation menu on mobile is divided into two sections, but there is no gap between them. I referred to the following code and set the gap to `gap: .35714286em` ```CSS .ui.secondary.menu { margin-left: 0; margin-right: 0; gap: .35714286em; } ``` | Before | After | |--------|-------| | ![image](/attachments/b3235ead-d2b2-4383-aae5-fcd7906d8414) | ![image](/attachments/5136c0c6-85ac-47b3-9a4e-ca12bc19caca) | | Before | After | |--------|-------| | ![image](/attachments/f5425f2f-0a07-4127-bfab-5eb53b54df1e) | ![image](/attachments/86bdfae8-fd6d-429a-b89d-fe83acf37170) | Another thing to note is that the dot of the stopwatch extends beyond the background. Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/11262 Reviewed-by: 0ko <0ko@noreply.codeberg.org> Co-authored-by: panc Co-committed-by: panc --- web_src/css/modules/navbar.css | 1 + 1 file changed, 1 insertion(+) diff --git a/web_src/css/modules/navbar.css b/web_src/css/modules/navbar.css index ab905196a8..999938c9a5 100644 --- a/web_src/css/modules/navbar.css +++ b/web_src/css/modules/navbar.css @@ -78,6 +78,7 @@ /* show items if the navbar is open */ #navbar.navbar-menu-open { padding-bottom: 8px; + gap: .35714286em; } #navbar.navbar-menu-open, #navbar.navbar-menu-open .navbar-right {