fix left-margin in modals
This commit is contained in:
parent
2747c185b3
commit
8ea4313b9a
@ -12,7 +12,7 @@ $newline never
|
|||||||
|
|
||||||
^{pageHead pc}
|
^{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 -->
|
<!-- removes no-js class from body if client supports javascript -->
|
||||||
<script>
|
<script>
|
||||||
document.body.classList.remove('no-js');
|
document.body.classList.remove('no-js');
|
||||||
|
|||||||
@ -199,7 +199,7 @@ h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.logged-in {
|
.logged-in:not(.modal) {
|
||||||
.main__content {
|
.main__content {
|
||||||
padding-left: 60px;
|
padding-left: 60px;
|
||||||
}
|
}
|
||||||
@ -207,7 +207,7 @@ h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 425px) {
|
@media (max-width: 425px) {
|
||||||
.logged-in {
|
.logged-in:not(.modal) {
|
||||||
.main__content {
|
.main__content {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
@ -215,7 +215,7 @@ h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 769px) {
|
@media (min-width: 769px) {
|
||||||
.logged-in {
|
.logged-in:not(.modal) {
|
||||||
.main__content {
|
.main__content {
|
||||||
padding-left: calc(24% + 30px);
|
padding-left: calc(24% + 30px);
|
||||||
}
|
}
|
||||||
@ -223,7 +223,7 @@ h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
.logged-in {
|
.logged-in:not(.modal) {
|
||||||
.main__content {
|
.main__content {
|
||||||
padding-left: 320px;
|
padding-left: 320px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
.modal {
|
div.modal {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|||||||
Reference in New Issue
Block a user