52 lines
1.6 KiB
CSS
52 lines
1.6 KiB
CSS
|
/* [instructions.md](https://gist.github.com/morrolinux/87aa37396432ea5d14a9220bc4892100) */
|
||
|
|
|
||
|
|
#TabsToolbar>.toolbar-items{
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* sidebar */
|
||
|
|
#sidebar-header {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--thin-tab-width: 38px;
|
||
|
|
--wide-tab-width: 300px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar-box:not([sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]) {
|
||
|
|
min-width: var(--wide-tab-width) !important;
|
||
|
|
max-width: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] {
|
||
|
|
overflow: hidden !important;
|
||
|
|
position: relative !important;
|
||
|
|
transition: all 300ms !important;
|
||
|
|
min-width: var(--thin-tab-width) !important;
|
||
|
|
max-width: var(--thin-tab-width) !important;
|
||
|
|
transition-delay: 600ms !important;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover,
|
||
|
|
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] #sidebar {
|
||
|
|
transition: all ease-out 300ms !important;
|
||
|
|
min-width: var(--wide-tab-width) !important;
|
||
|
|
max-width: var(--wide-tab-width) !important;
|
||
|
|
transition-delay: 300ms !important;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover {
|
||
|
|
margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#root:not(:hover) .NavigationBar .nav-item[data-active=false] {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#root:not(:hover) .NavigationBar .nav-item[data-active=true] {
|
||
|
|
transform: translateX(0);
|
||
|
|
}
|