extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-03-13 06:08:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

[design] restore menu transparency when edge is shown

Browse Source
This commit is contained in:
zombieFox 2019-12-01 23:52:44 +00:00
parent 750b92c61b
commit f773a156ab
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/css/menu.css
View File

@ -6,9 +6,9 @@
width: 100%;
height: 80vh;
transform: translateY(calc(-100% - 2em));
transition: transform var(--layout-timing-extra-fast);
z-index: var(--z-index-menu);
pointer-events: none;
transition: transform var(--layout-timing-extra-fast);
}
.menu:focus {
@ -22,14 +22,18 @@
.menu-area {
background-color: rgb(var(--theme-gray-01));
border-radius: var(--theme-radius);
box-shadow: var(--layout-shadow-large);
width: 100%;
max-height: 100%;
overflow-y: auto;
box-shadow: var(--layout-shadow-large);
pointer-events: all;
transition: background-color var(--layout-timing-extra-fast);
}
.is-edge .menu-area {
background-color: rgba(var(--theme-gray-01), 0.8);
}
.menu-nav {
display: flex;
flex-direction: row;