mirror/FreshRSS
0
0
Fork 0
mirror of https://github.com/FreshRSS/FreshRSS.git synced 2026-05-19 05:44:39 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix/config dropdown menu mobile view (#7893)

Browse Source 
Before:
<img width="534" height="394" alt="grafik" src="https://github.com/user-attachments/assets/63cbf645-2380-448f-9e96-11cf454f9a13" />

1: menu is not right hand side aligned
2: rounded corner (Origine theme specific)

After:
<img width="533" height="359" alt="grafik" src="https://github.com/user-attachments/assets/bfb8fd79-3190-4d40-bba1-ef5fadb81f01" />

Menu is aligned on the right hand side
Sharp corner



Changes proposed in this pull request:

- CSS


How to test the feature manually:

1. small screen for mobile view
2. open config menu right top corner

Negative check:
other dropdown menus should not be touched (f.e. User Queries menu, search, article labels menu)
This commit is contained in:
maTh
2025-09-01 23:27:17 +02:00
committed by GitHub
parent e20b0c8c02
commit 1b2293a57a
4 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
p/themes/Origine/origine.css
View File

@@ -1174,6 +1174,10 @@ a:hover .icon {
margin-bottom: 3rem;
}
.item.configure .dropdown .dropdown-menu {
border-radius: 0;
}
#nav_menu_read_all .btn {
border-left: 1px solid var(--border-color-shadow-side);
border-radius: 3px;

4
p/themes/Origine/origine.rtl.css
View File

@@ -1174,6 +1174,10 @@ a:hover .icon {
margin-bottom: 3rem;
}
.item.configure .dropdown .dropdown-menu {
border-radius: 0;
}
#nav_menu_read_all .btn {
border-right: 1px solid var(--border-color-shadow-side);
border-radius: 3px;

4
p/themes/base-theme/frss.css
View File

@@ -2643,9 +2643,9 @@ html.slider-active {
width: 90%;
height: 100vh;
top: 0;
right: 0;
right: 0 !important;
bottom: 0;
left: auto;
left: auto !important;
position: fixed;
padding-top: 0;
margin-top: 0;

4
p/themes/base-theme/frss.rtl.css
View File

@@ -2643,9 +2643,9 @@ html.slider-active {
width: 90%;
height: 100vh;
top: 0;
left: 0;
left: 0 !important;
bottom: 0;
right: auto;
right: auto !important;
position: fixed;
padding-top: 0;
margin-top: 0;