fix left-margin in modals
This commit is contained in:
parent
2747c185b3
commit
8ea4313b9a
@ -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');
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
.modal {
|
||||
div.modal {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user