Delayed animation for sidebar and compact "tree style tab" extension tricks
#TabsToolbar { | |
visibility: collapse !important; | |
} | |
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { | |
display: none; | |
} | |
/* | |
#sidebar-box, #sidebar-box *{ max-width:5em; min-width:50px;} | |
#sidebar-box:hover, #sidebar-box:hover *{ max-width:none!important;} | |
*/ | |
:root { | |
--sidebar-normal-width: 150px; | |
--sidebar-hover-width: 250px; | |
--background-color: rgb(0,0,0); | |
} | |
#sidebar-box { | |
position: relative !important; | |
overflow-x: hidden !important; | |
min-width: var(--sidebar-normal-width) !important; | |
max-width: var(--sidebar-normal-width) !important; | |
-moz-transition: all .2s ease-out .2s !important; | |
} | |
#sidebar-box:hover { | |
margin-left: calc((var(--sidebar-hover-width) - var(--sidebar-normal-width)) * -1) !important; | |
min-width: var(--sidebar-hover-width) !important; | |
-moz-transition: all .2s ease-out 2s !important; | |
} | |
#sidebar-splitter { | |
display: none !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment