diff --git a/ghost/admin/app/components/settings/members-default-post-access.hbs b/ghost/admin/app/components/settings/members-default-post-access.hbs index 33ffecfc2b..d4a335aa9f 100644 --- a/ghost/admin/app/components/settings/members-default-post-access.hbs +++ b/ghost/admin/app/components/settings/members-default-post-access.hbs @@ -2,7 +2,7 @@
diff --git a/ghost/admin/app/styles/layouts/settings.css b/ghost/admin/app/styles/layouts/settings.css index 482b8da79e..2a37c307c5 100644 --- a/ghost/admin/app/styles/layouts/settings.css +++ b/ghost/admin/app/styles/layouts/settings.css @@ -1400,12 +1400,30 @@ p.theme-validation-details { opacity: 0.5; } +@media (max-width: 1140px) { + .gh-setting-members-canvas::before { + display: none; + } +} + .gh-setting-members-basics { display: grid; grid-template-columns: auto 460px; grid-gap: 32px; } +@media (max-width: 1260px) { + .gh-setting-members-basics { + grid-gap: 0; + } +} + +@media (max-width: 1140px) { + .gh-setting-members-basics { + display: flex; + } +} + .gh-setting-members-basicsform { display: flex; flex-direction: column; @@ -1421,6 +1439,22 @@ p.theme-validation-details { background: linear-gradient(to left, color-mod(var(--main-color-content-greybg) l(-3%)), var(--main-color-content-greybg)); } +.gh-setting-members-portalcta .gh-expandable-header button { + margin-left: 16px; +} + +@media (max-width: 500px), (min-width: 1140px) and (max-width: 1260px) { + .gh-setting-members-portalcta .gh-expandable-header { + flex-direction: column; + align-items: inherit; + } + + .gh-setting-members-portalcta .gh-expandable-header button { + margin-top: 1rem; + margin-left: 0; + } +} + .gh-setting-members-access { margin-bottom: 30px; } @@ -1432,6 +1466,12 @@ p.theme-validation-details { color: var(--midgrey); } +@media (max-width: 1140px) { + .gh-setting-members-portalpreview { + display: none; + } +} + .gh-setting-dropdown { margin-top: 1.2rem; cursor: pointer; @@ -1445,7 +1485,7 @@ p.theme-validation-details { .gh-setting-dropdown .gh-setting-dropdown-content { display: flex; align-items: center; - margin: 1.6rem 1rem; + margin: 1.6rem 2.4rem 1.6rem 1rem; } .gh-setting-dropdown-list .ember-power-select-option {