mirror/FreshRSS
0
0
Fork 0
mirror of https://github.com/FreshRSS/FreshRSS.git synced 2026-05-14 18:23:52 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(themes): apply intended nav row spacing in Pafat at narrow widths (#8738)

Browse Source 
The narrow-viewport @media block in Pafat repeats the parent `.nav_menu`
class on its inner selectors (`.nav_menu .btn` etc. inside a `.nav_menu`
nesting block), which native CSS nesting expands to `.nav_menu .nav_menu
.btn` and never matches. Buttons and stick/group wrappers in the top nav
row at <=840px have therefore been falling back to default layout instead
of the intended margins.

Drop the redundant `.nav_menu` prefix on the inner selectors so the rules
apply as intended.

Activating the dormant rules also exposes an asymmetry in the base
`.nav_menu` padding (`5px 0 0 2.5rem`: 5px top, 0 bottom). Combined with
the now-active 5px button margin, buttons sit a few pixels below the
visual centre of the row. Add `padding-bottom: 5px` inside the @media
block to rebalance.

Co-authored-by: Bjørn A. Andersen <polybjorn@users.noreply.github.com>
This commit is contained in:
polybjorn
2026-05-01 06:24:18 +00:00
committed by GitHub
parent 28ab78da86
commit 5feb4ebfb3
2 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
p/themes/Pafat/pafat.css
View File

@@ -1093,19 +1093,20 @@ a.signin {
.nav_menu {
padding-left: 0;
padding-bottom: 5px;
.nav_menu .btn {
.btn {
margin: 5px 10px;
}
.nav_menu .stick,
.nav_menu .group {
.stick,
.group {
margin: 0 10px;
min-width: 0;
}
.nav_menu .stick .btn,
.nav_menu .group .btn {
.stick .btn,
.group .btn {
margin: 5px 0;
}
}

11
p/themes/Pafat/pafat.rtl.css
View File

@@ -1093,19 +1093,20 @@ a.signin {
.nav_menu {
padding-right: 0;
padding-bottom: 5px;
.nav_menu .btn {
.btn {
margin: 5px 10px;
}
.nav_menu .stick,
.nav_menu .group {
.stick,
.group {
margin: 0 10px;
min-width: 0;
}
.nav_menu .stick .btn,
.nav_menu .group .btn {
.stick .btn,
.group .btn {
margin: 5px 0;
}
}