extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-02-18 11:10:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

[design] improve menu responsive size

Browse Source
This commit is contained in:
zombieFox 2020-02-18 14:40:03 +00:00
parent 26eb18d101
commit 98305f2bde
1 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/css/menu.css
View File

@ -218,11 +218,12 @@
flex-wrap: nowrap; flex-wrap: nowrap;
overflow: hidden; overflow: hidden;
height: 0; height: 0;
transition: height var(--layout-timing-fast); transition: height var(--layout-timing-extra-fast);
} }
.menu-nav-body.active { .menu-nav-body.active {
height: var(--menu-nav-body-height); height: var(--menu-nav-body-height);
transition: height var(--layout-timing-fast) var(--layout-duration-02);
} }
.is-edge .menu-nav-body { .is-edge .menu-nav-body {
@ -261,19 +262,13 @@
@media (min-width: 900px) { @media (min-width: 900px) {
.menu { .menu {
width: 80vw; width: 90vw;
max-width: 60em;
} }
} }
@media (min-width: 1100px) { @media (min-width: 1100px) {
.menu { .menu {
width: 70vw; width: 80vw;
} max-width: 60em;
}
@media (min-width: 1600px) {
.menu {
width: 60vw;
} }
} }