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

Fixed responsive issues for membership settings

Browse Source
This commit is contained in:
Sanne de Vries 2021-05-18 15:59:32 +02:00
parent d2162f02a0
commit fcef76cebf
2 changed files with 42 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ghost/admin/app/components/settings/members-default-post-access.hbs
View File

@ -2,7 +2,7 @@
<div class="gh-expandable-header"> <div class="gh-expandable-header">
<div> <div>
<h4 class="gh-expandable-title">Default post access</h4> <h4 class="gh-expandable-title">Default post access</h4>
<p class="gh-expandable-description">When a new post is created, who should have access to it?</p> <p class="gh-expandable-description">When a new post is created, who should have access?</p>
</div> </div>
</div> </div>

42
ghost/admin/app/styles/layouts/settings.css
View File

@ -1400,12 +1400,30 @@ p.theme-validation-details {
opacity: 0.5; opacity: 0.5;
} }
@media (max-width: 1140px) {
.gh-setting-members-canvas::before {
display: none;
}
}
.gh-setting-members-basics { .gh-setting-members-basics {
display: grid; display: grid;
grid-template-columns: auto 460px; grid-template-columns: auto 460px;
grid-gap: 32px; 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 { .gh-setting-members-basicsform {
display: flex; display: flex;
flex-direction: column; 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)); 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 { .gh-setting-members-access {
margin-bottom: 30px; margin-bottom: 30px;
} }
@ -1432,6 +1466,12 @@ p.theme-validation-details {
color: var(--midgrey); color: var(--midgrey);
} }
@media (max-width: 1140px) {
.gh-setting-members-portalpreview {
display: none;
}
}
.gh-setting-dropdown { .gh-setting-dropdown {
margin-top: 1.2rem; margin-top: 1.2rem;
cursor: pointer; cursor: pointer;
@ -1445,7 +1485,7 @@ p.theme-validation-details {
.gh-setting-dropdown .gh-setting-dropdown-content { .gh-setting-dropdown .gh-setting-dropdown-content {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 1.6rem 1rem; margin: 1.6rem 2.4rem 1.6rem 1rem;
} }
.gh-setting-dropdown-list .ember-power-select-option { .gh-setting-dropdown-list .ember-power-select-option {