Fixed network site list overflow.

This commit is contained in:
ThePendulum 2020-01-09 02:13:37 +01:00
parent 258a9141f0
commit edaf659bf8
2 changed files with 13 additions and 3 deletions

View File

@ -52,7 +52,10 @@ export default {
display: flex; display: flex;
&.compact:not(.expanded) { &.compact:not(.expanded) {
flex-direction: row;
.tiles { .tiles {
display: flex;
overflow-x: auto; overflow-x: auto;
} }

View File

@ -650,12 +650,19 @@
display: -webkit-box; display: -webkit-box;
display: flex; display: flex;
} }
.sites.compact[data-v-7bebaa3e]:not(.expanded) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
}
.sites.compact:not(.expanded) .tiles[data-v-7bebaa3e] { .sites.compact:not(.expanded) .tiles[data-v-7bebaa3e] {
overflow-x: auto; display: -webkit-box;
display: flex;
overflow-x: auto;
} }
.sites.compact:not(.expanded) .tile[data-v-7bebaa3e] { .sites.compact:not(.expanded) .tile[data-v-7bebaa3e] {
width: 15rem; width: 15rem;
margin: 0 1rem 0 0; margin: 0 1rem 0 0;
} }
.sites.expanded .tiles[data-v-7bebaa3e] { .sites.expanded .tiles[data-v-7bebaa3e] {
grid-template-columns: repeat(2, 0.5fr); grid-template-columns: repeat(2, 0.5fr);