Update SCSS
This commit is contained in:
parent
4e92913925
commit
cb1df6f29e
9 changed files with 1136 additions and 274 deletions
35
src/style/_control-dock.scss
Normal file
35
src/style/_control-dock.scss
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
html > body > aside.control-dock {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: calc(0.75rem + env(safe-area-inset-bottom));
|
||||
z-index: 4;
|
||||
width: min(calc(100vw - 1rem), 980px);
|
||||
transform: translateX(-50%);
|
||||
visibility: visible;
|
||||
pointer-events: none;
|
||||
transition:
|
||||
opacity var(--transition-time-long),
|
||||
transform var(--transition-time-long),
|
||||
visibility 0s;
|
||||
|
||||
> .toolbar-row,
|
||||
> .pages {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
&.menu-hidden {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translate(-50%, 10px);
|
||||
pointer-events: none;
|
||||
transition:
|
||||
opacity var(--transition-time-long),
|
||||
transform var(--transition-time-long),
|
||||
visibility 0s var(--transition-time-long);
|
||||
|
||||
> .toolbar-row,
|
||||
> .pages {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue