29 lines
634 B
CSS
Executable file
29 lines
634 B
CSS
Executable file
/*
|
|
* Autohide panels (while making it possible to use scrollbar still)
|
|
*/
|
|
:root {
|
|
--panel-transition: max-width .2s ease-out, opacity .2s ease-out;
|
|
--panel-peek-width: 12px;
|
|
--panel-peek-height: 12px;
|
|
}
|
|
|
|
/* Base hidden state for panels */
|
|
#panels-container {
|
|
position: absolute !important;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
max-height: var(--panel-peek-height);
|
|
max-width: var(--panel-peek-width);
|
|
transition: var(--panel-transition) !important;
|
|
}
|
|
|
|
#panels-container.right {
|
|
right: 0;
|
|
}
|
|
|
|
/* Show panels on hover */
|
|
#panels-container:hover {
|
|
max-height: 100%;
|
|
max-width: 41px;
|
|
opacity: 1;
|
|
}
|