Fix menu on mobile

pull/1018/head
Chocobozzz 2018-09-05 10:19:45 +02:00
parent 8c985ef5ce
commit 46ae6f6724
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 13 additions and 21 deletions

View File

@ -20,16 +20,12 @@ menu {
color: $menu-color; color: $menu-color;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%;
&:focus, &:hover { &:focus, &:hover {
overflow-y: auto; overflow-y: auto;
} }
.top-menu {
flex-grow: 1;
width: $menu-width;
}
.logged-in-block { .logged-in-block {
height: 100px; height: 100px;
background-color: rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.15);
@ -230,3 +226,14 @@ menu {
} }
} }
} }
@media screen and (max-width: 400px) {
.menu-wrapper {
width: 100% !important;
z-index: 10000;
}
.top-menu {
width: 100%;
}
}

View File

@ -338,15 +338,6 @@ table {
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.menu-wrapper {
width: 100% !important;
z-index: 10000;
}
menu {
width: $menu-width;
}
.main-col { .main-col {
margin-left: 0; margin-left: 0;
@ -367,10 +358,4 @@ table {
} }
} }
} }
} }
@media screen and (max-width: 400px) {
menu {
width: 100%;
}
}