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

Nord: fix nav_menu sidebar toggle overlap and mark-read dropdown edge (#8711)

Browse Source 
* fix(Nord): nav_menu sidebar toggle overlap and mark-read dropdown edge

Two small layout issues in the Nord theme's top button row.

1. #nav_menu_toggle_aside is absolute-positioned by base-theme/frss.css,
which expects .nav_menu to reserve space via padding-left. Nord's
.nav_menu rule replaces that padding, so at narrow widths the toggle
overlaps the first button in the row. Setting position: static lets
the toggle flow inline with the other buttons.

2. At viewport widths where base-theme hides the 'Mark as read' text
button (max-width: 840px), only the dropdown toggle remains. Nord
strips the toggle's left border and radius so it visually joins the
text button, but once the text button is hidden the toggle is left
with a flat, borderless left edge. Restore the border and radius
inside the same media query.

nord.rtl.css regenerated with 'make rtl'.

Fixes #8707

* fix(Nord): consolidate mark-read toggle rule into existing media block

Move the max-width: 840px rule added in the previous commit into the
existing @media block further down the file, as requested in review.
No behavioural change; regenerated nord.rtl.css via make rtl.

---------

Co-authored-by: Bjørn A. Andersen <polybjorn@users.noreply.github.com>
This commit is contained in:
polybjorn
2026-04-22 20:55:21 +00:00
committed by GitHub
parent 497d6a7afb
commit 9e39aa3540
3 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
CREDITS.md
View File

@@ -237,6 +237,7 @@ People are sorted by name so please keep this order.
* [Pim Snel](https://github.com/mipmip): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is%3Apr+author%3Amipmip), [Web](https://www.pimsnel.com)
* [plopoyop](https://github.com/plopoyop): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:plopoyop)
* [Pofilo](https://github.com/Pofilo): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:Pofilo), [Web](https://www.pofilo.fr/)
* [polybjorn](https://github.com/polybjorn): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:polybjorn), [Web](https://polybjorn.com/)
* [Poorchop](https://github.com/Poorchop): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:Poorchop)
* [Prashant Tholia](https://github.com/prashanttholia): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:prashanttholia)
* [primaeval](https://github.com/primaeval): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:primaeval)

10
p/themes/Nord/nord.css
View File

@@ -987,6 +987,10 @@ li.item.active {
text-align: center;
}
.nav_menu #nav_menu_toggle_aside {
position: static;
}
.nav_menu .btn {
margin: .125rem;
}
@@ -1287,6 +1291,12 @@ optgroup::before {
margin-bottom: .5rem;
}
.nav_menu .stick #mark-read-menu .dropdown-toggle.btn {
border-left: 1px solid var(--border-elements);
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.nav_menu .search input {
max-width: 97%;
width: 90px;

10
p/themes/Nord/nord.rtl.css
View File

@@ -987,6 +987,10 @@ li.item.active {
text-align: center;
}
.nav_menu #nav_menu_toggle_aside {
position: static;
}
.nav_menu .btn {
margin: .125rem;
}
@@ -1287,6 +1291,12 @@ optgroup::before {
margin-bottom: .5rem;
}
.nav_menu .stick #mark-read-menu .dropdown-toggle.btn {
border-right: 1px solid var(--border-elements);
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.nav_menu .search input {
max-width: 97%;
width: 90px;