fix left-margin in modals

This commit is contained in:
Gregor Kleen 2018-11-19 14:10:55 +01:00
parent 2747c185b3
commit 8ea4313b9a
3 changed files with 6 additions and 6 deletions

View File

@ -12,7 +12,7 @@ $newline never
^{pageHead pc}
<body .no-js .theme--#{toPathPiece currentTheme} :isAuth:.logged-in>
<body .no-js .theme--#{toPathPiece currentTheme} :isAuth:.logged-in :isModal:.modal>
<!-- removes no-js class from body if client supports javascript -->
<script>
document.body.classList.remove('no-js');

View File

@ -199,7 +199,7 @@ h4 {
}
@media (max-width: 768px) {
.logged-in {
.logged-in:not(.modal) {
.main__content {
padding-left: 60px;
}
@ -207,7 +207,7 @@ h4 {
}
@media (max-width: 425px) {
.logged-in {
.logged-in:not(.modal) {
.main__content {
padding-left: 0;
}
@ -215,7 +215,7 @@ h4 {
}
@media (min-width: 769px) {
.logged-in {
.logged-in:not(.modal) {
.main__content {
padding-left: calc(24% + 30px);
}
@ -223,7 +223,7 @@ h4 {
}
@media (min-width: 1200px) {
.logged-in {
.logged-in:not(.modal) {
.main__content {
padding-left: 320px;
}

View File

@ -1,4 +1,4 @@
.modal {
div.modal {
position: fixed;
left: 50%;
top: 50%;