Skip to content

Commit

Permalink
Fixes Members filter falling offscreen on mobile viewports (#21438)
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
dvdwinden authored Oct 28, 2024
1 parent 8496674 commit 5581695
Showing 1 changed file with 8 additions and 11 deletions.
19 changes: 8 additions & 11 deletions ghost/admin/app/styles/layouts/members.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down Expand Up @@ -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;
}
}

Expand Down

0 comments on commit 5581695

Please sign in to comment.