diff options
| author |  maTh <1645099+math-GH@users.noreply.github.com>
| 2025-09-01 23:27:17 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2025-09-01 23:27:17 +0200 |
| commit | 1b2293a57ad4c80066b2ba8a2cb0bfedbd699c05 (patch) | |
| tree | c6d05b84eaa71947d50f5550559444f3d5e182ca /p | |
| parent | e20b0c8c02b8dbda382b2095fb3f2f926aa7eb0d (diff) | |
Fix/config dropdown menu mobile view (#7893)
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)
Diffstat (limited to 'p')
| -rw-r--r-- | p/themes/Origine/origine.css | 4 | ||||
| -rw-r--r-- | p/themes/Origine/origine.rtl.css | 4 | ||||
| -rw-r--r-- | p/themes/base-theme/frss.css | 4 | ||||
| -rw-r--r-- | p/themes/base-theme/frss.rtl.css | 4 |
4 files changed, 12 insertions, 4 deletions
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 648c791bb..2e7d23140 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -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; diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 54249a75c..8ff32c643 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -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; diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 23d8876c9..74bc62af7 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -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; diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 9af2c6e2c..dd2171e12 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -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; |