mirror of
https://github.com/iv-org/invidious.git
synced 2025-08-02 02:38:30 +00:00
Update side-menu.css
- Removed bullet points in Chrome - Hide menu by default
This commit is contained in:
parent
1cef19a213
commit
eeb5e4f47b
@ -108,6 +108,10 @@ appears on the left side of the page.
|
|||||||
border: none;
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#menu .pure-menu li {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Add that light border to separate items into groups.
|
Add that light border to separate items into groups.
|
||||||
@ -207,7 +211,7 @@ small screens.
|
|||||||
/*
|
/*
|
||||||
Hides the menu at `48em`, but modify this based on your app's needs.
|
Hides the menu at `48em`, but modify this based on your app's needs.
|
||||||
*/
|
*/
|
||||||
@media (min-width: 48em) {
|
min-width: 200em {
|
||||||
|
|
||||||
.header,
|
.header,
|
||||||
.content {
|
.content {
|
||||||
@ -234,7 +238,7 @@ Hides the menu at `48em`, but modify this based on your app's needs.
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 48em) {
|
max-width: 48em {
|
||||||
/* Only apply this when the window is small. Otherwise, the following
|
/* Only apply this when the window is small. Otherwise, the following
|
||||||
case results in extra padding on the left:
|
case results in extra padding on the left:
|
||||||
* Make the window small.
|
* Make the window small.
|
||||||
|
Loading…
Reference in New Issue
Block a user