Advertisement
Guest User

UserChrome.css

a guest
Jan 7th, 2022
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.61 KB | None | 0 0
  1. /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs.css made available under Mozilla Public License v. 2.0
  2. See the above repository for updates as well as full license text. */
  3.  
  4. /* Makes tabs to appear on multiple lines */
  5. /* Tab reordering will not work and can't be made to work */
  6. /* You can use multi-row_tabs_window_control_patch.css to move window controls to nav-bar*/
  7.  
  8. /* You might want to move tabs-new-tab-button outside tabs toolbar for smoother behavior */
  9.  
  10. /* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll  */
  11.  
  12. :root{
  13.     --multirow-n-rows: 3;
  14.     --multirow-tab-min-width: 150px;
  15.     --multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
  16. }
  17.  
  18. /* Scrollbar can't be clicked but the rows can be scrolled with mouse wheel */
  19. /* Uncomment the next line if you want to be able to use the scrollbar with mouse clicks */
  20.  
  21. /* #tabbrowser-arrowscrollbox{ -moz-window-dragging: no-drag } */
  22.  
  23. /* Uncommenting the above makes you unable to drag the window from empty space in the tab strip but normal draggable spaces will continue to work */
  24.  
  25. #tabbrowser-tabs{
  26.   min-height: unset !important;
  27.   padding-inline-start: 0px !important
  28. }
  29.  
  30. @-moz-document url(chrome://browser/content/browser.xhtml){
  31.   #scrollbutton-up~spacer,
  32.   #scrollbutton-up,
  33.   #scrollbutton-down{ display: var(--scrollbutton-display-model,initial) }
  34.  
  35.   scrollbox[part][orient="horizontal"]{
  36.     display: flex;
  37.     flex-wrap: wrap;
  38.     overflow-y: auto;
  39.     max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
  40.     scrollbar-color: currentColor transparent;
  41.     scrollbar-width: thin;
  42.   }
  43. }
  44.  
  45. .scrollbox-clip[orient="horizontal"],
  46. #tabbrowser-arrowscrollbox{
  47.   overflow: -moz-hidden-unscrollable;
  48.   display: block;
  49.   --scrollbutton-display-model: none;
  50. }
  51.  
  52. .tabbrowser-tab{ height: var(--tab-min-height); }
  53.  
  54. #tabbrowser-tabs .tabbrowser-tab[pinned]{
  55.   position: static !important;
  56.   margin-inline-start: 0px !important;
  57. }
  58.  
  59. .tabbrowser-tab[fadein]:not([pinned]){
  60.   min-width: var(--multirow-tab-min-width) !important;
  61.   flex-grow: var(--multirow-tab-dynamic-width);
  62.   /*
  63.   Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
  64.   Don't set to none or you'll see errors in console when closing tabs
  65.   */
  66.   /*max-width: 100vw !important;*/
  67. }
  68.  
  69. .tabbrowser-tab > stack{ width: 100%; height: 100% }
  70.  
  71. #alltabs-button,
  72. :root:not([customizing]) #TabsToolbar #new-tab-button,
  73. #tabbrowser-arrowscrollbox > spacer,
  74. .tabbrowser-tab::after{ display: none !important }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement