Advertisement
DatSudo

userChromeSidebery

Feb 4th, 2023
1,009
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.12 KB | None | 0 0
  1. :root {
  2.     --autohide-sidebar-extended: 230px; /* width of panel extended */
  3.     --autohide-sidebar-collapsed: 30px; /* width of panel collapsed */
  4.     --sidebar-height: 100vh;
  5. }
  6.  
  7. /* --------Sidebery Auto-hiding Sidebar ----------- */
  8. /* width of panel (grey box) (different from width of each tab) */
  9. #main-window:not([extradragspace="true"])
  10.     #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:not([hidden]) {
  11.     width: var(--autohide-sidebar-collapsed) !important;
  12.     min-width: unset !important;
  13.     z-index: 1;
  14.     transition: all 0.2s ease-in-out; /* doesn't do anything unless you uncomment lower bit of code */
  15. }
  16.  
  17. /* width of panel (grey box) on hover */
  18. /* uncomment this section if you want the webpage to move when your tabs are extended- otherwise covers */
  19. /* #main-window:not([extradragspace="true"])
  20.     #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:not([hidden]):hover {
  21.     width: var(--autohide-sidebar-extended) !important;
  22.     min-width: unset !important;
  23.     z-index: 1;
  24. } */
  25.  
  26. /* width of tabs */
  27. #main-window:not([extradragspace="true"])
  28.     #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] #sidebar {
  29.   width: var(--autohide-sidebar-collapsed) !important;
  30.   transition: all 0.2s ease-in-out;
  31. }
  32. /* width of tabs on hover */
  33. #main-window:not([extradragspace="true"])
  34.     #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover #sidebar {
  35.   width: var(--autohide-sidebar-extended)  !important;
  36. }
  37.  
  38. /* adjust if your sidebery is not tall enough */
  39. #main-window:not([extradragspace="true"])[inFullscreen]
  40. #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"],
  41. #main-window:not([extradragspace="true"])
  42. #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] {
  43.     height: var(--sidebar-height);
  44. }
  45.  
  46.  
  47. @import url(colorful-minimalist/hacks/sideberyModsLEFT.css);
  48.  
  49. :root {
  50. --tabs-border-color: transparent !important;
  51. }
  52.  
  53. #TabsToolbar, #sidebar-header, #sidebar-splitter {
  54.   display: none;
  55. }
  56.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement