TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-25 19:48:50 +03:00
Code Issues Projects Releases Wiki Activity

Fixes Members filter falling offscreen on mobile viewports (#21438)

Browse Source 
fixes
https://linear.app/ghost/issue/DES-922/members-filter-ui-appears-offscreen-on-mobile

Updated the positioning for the member filter dropdown to work more
accurately on mobile viewports.
This commit is contained in:
Daniël van der Winden 2024-10-28 16:24:54 +01:00 committed by GitHub
parent 84966747dd
commit 5581695b02
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ghost/admin/app/styles/layouts/members.css
View File

@ -472,10 +472,6 @@ p.gh-members-list-email {
min-height: 120px;
}
.members-header.gh-canvas-header.break.tablet .gh-canvas-header-content {
height: 140px;
}
.members-header.gh-canvas-header.break.tablet .view-actions {
top: 0;
}
@ -2819,13 +2815,14 @@ a.gh-members-emailpreview-subscription-link {
@media (max-width: 690px) {
.gh-members-filter-builder {
width: calc(100vw - 20px);
min-width: calc(100vw - 20px);
max-width: calc(100vw - 20px);
left: 0 !important;
right: 0 !important;
margin-left: 10px;
margin-right: 10px;
position: fixed;
top: 9vh !important;
left: 10px !important;
right: 10px !important;
width: auto;
min-width: 0;
max-width: none;
margin: 0;
}
}