extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2024-11-26 18:13:35 +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;
overflow: hidden;
height: 0;
transition: height var(--layout-timing-fast);
transition: height var(--layout-timing-extra-fast);
}
.menu-nav-body.active {
height: var(--menu-nav-body-height);
transition: height var(--layout-timing-fast) var(--layout-duration-02);
}
.is-edge .menu-nav-body {
@ -261,19 +262,13 @@
@media (min-width: 900px) {
.menu {
width: 80vw;
max-width: 60em;
width: 90vw;
}
}
@media (min-width: 1100px) {
.menu {
width: 70vw;
}
}
@media (min-width: 1600px) {
.menu {
width: 60vw;
width: 80vw;
max-width: 60em;
}
}