You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
/* Show sidebar only when the cursor is over it */
|
|
|
|
|
/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */
|
|
|
|
|
|
|
|
|
|
#sidebar-box{
|
|
|
|
|
--uc-sidebar-width: 40px;
|
|
|
|
|
--uc-sidebar-hover-width: 210px;
|
|
|
|
|
position: relative;
|
|
|
|
|
min-width: var(--uc-sidebar-width) !important;
|
|
|
|
|
width: var(--uc-sidebar-width) !important;
|
|
|
|
|
max-width: var(--uc-sidebar-width) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#sidebar-splitter{ display: none }
|
|
|
|
|
|
|
|
|
|
#sidebar-header{ overflow: hidden; color: var(--chrome-color) !important; }
|
|
|
|
|
|
|
|
|
|
#sidebar{
|
|
|
|
|
transition: min-width 115ms linear !important;
|
|
|
|
|
min-width: var(--uc-sidebar-width) !important;
|
|
|
|
|
will-change: min-width;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#sidebar-box:hover > #sidebar{ min-width: var(--uc-sidebar-hover-width) !important; }
|
|
|
|
|
|
|
|
|
|
.sidebar-panel{ color: var(--newtab-text-primary-color) !important;}
|
|
|
|
|
|
|
|
|
|
/* Add sidebar divider and give it background */
|
|
|
|
|
|
|
|
|
|
#sidebar,
|
|
|
|
|
#sidebar-header{
|
|
|
|
|
background-color: var(--toolbar-non-lwt-bgcolor) !important;
|
|
|
|
|
border-right: 1px solid rgb(80,80,80);
|
|
|
|
|
}
|
