mirror of https://github.com/Chocobozzz/PeerTube
Fix menu on mobile
parent
8c985ef5ce
commit
46ae6f6724
|
@ -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%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -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%;
|
|
||||||
}
|
|
||||||
}
|
|
Loading…
Reference in New Issue