Skip to content

Instantly share code, notes, and snippets.

@seqizz
Last active December 19, 2017 10:53
Show Gist options
  • Save seqizz/6690696c05a0ecab12b4ba8a9e784afe to your computer and use it in GitHub Desktop.
Save seqizz/6690696c05a0ecab12b4ba8a9e784afe to your computer and use it in GitHub Desktop.
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