Apply the fix to both expanded and not expanded, using convention
This commit is contained in:
parent
1f6d244970
commit
1def3c526e
|
@ -279,7 +279,9 @@ table {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: #{map-get($grid-breakpoints, lg)}) {
|
@media screen and (max-width: #{map-get($grid-breakpoints, lg)}) {
|
||||||
|
/* the following applies from 500px to 900px and is partially overriden from 500px to 800px by changes below to $small-view */
|
||||||
.main-col {
|
.main-col {
|
||||||
|
&, &.expanded {
|
||||||
.margin-content {
|
.margin-content {
|
||||||
margin-left: $expanded-horizontal-margins/3;
|
margin-left: $expanded-horizontal-margins/3;
|
||||||
margin-right: $expanded-horizontal-margins/3;
|
margin-right: $expanded-horizontal-margins/3;
|
||||||
|
@ -294,6 +296,7 @@ table {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: $mobile-view) and (max-width: $small-view) {
|
@media screen and (min-width: $mobile-view) and (max-width: $small-view) {
|
||||||
|
@ -314,7 +317,6 @@ table {
|
||||||
|
|
||||||
.sub-menu {
|
.sub-menu {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
overflow-x: auto;
|
|
||||||
padding-left: 15px;
|
padding-left: 15px;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
margin-bottom: $sub-menu-margin-bottom-small-view;
|
margin-bottom: $sub-menu-margin-bottom-small-view;
|
||||||
|
|
Loading…
Reference in New Issue