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/themes/base-theme | |
| 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/themes/base-theme')
| -rw-r--r-- | p/themes/base-theme/frss.css | 4 | ||||
| -rw-r--r-- | p/themes/base-theme/frss.rtl.css | 4 |
2 files changed, 4 insertions, 4 deletions
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; |