upstream/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2026-02-19 01:37:52 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

fix(ui): fix gap consistency between navbar items on mobile (#11262)

Browse source 
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 <pan0xc@foxmail.com>
Co-committed-by: panc <pan0xc@foxmail.com>
This commit is contained in:
panc 2026-02-13 13:19:17 +01:00 committed by 0ko
parent 9ea9582c9b
commit cd088f21a8
1 changed files with 1 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
web_src/css/modules/navbar.css
View file

@ -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 {