Mrrrr's Forum (VIEW ONLY)
Un forum care ofera solutii pentru unele probleme legate in general de PC. Pe langa solutii, aici puteti gasi si alte lucruri interesante // A forum that offers solutions to some PC related issues. Besides these, here you can find more interesting stuff.
Lista Forumurilor Pe Tematici
Mrrrr's Forum (VIEW ONLY) | Reguli | Inregistrare | Login

POZE MRRRR'S FORUM (VIEW ONLY)

Nu sunteti logat.
Nou pe simpatie:
Alexandraa. pe Simpatie
Femeie
22 ani
Braila
cauta Barbat
26 - 80 ani
Mrrrr's Forum (VIEW ONLY) / Tutoriale si Ghiduri Utile // Tutorials and useful guides / [FIREFOX] Firefox Quantum - Put tabs on rows [CSS] Moderat de TRaP, TonyTzu
Autor
Mesaj Pagini: 1
TRaP
Moderator

Inregistrat: acum 6 ani
Postari: 748
Source:

The following script will make all tabs pretty small, but you can override the min width from about:config, browser.tabs.tabMinWidth and set to something like 150. At least I couldn't mane the min/max in the script to work and increase the size of my tabs. But maybe I was doing something wrong or incomplete.

Here's the code and instructions (made by a user from the source above) that will put your tabs on rows, so you don't have to scroll and scroll (I'm a 30 tab person, so I know how it is):
1. Type about:support in url field of firefox, hit enter.
2. On the ‘Profile Folder’ setting (about 8th from the top) click the ‘Open Folder’ button.
3. Create the ‘chrome’ subfolder, if you don’t already have one.
4. Open notepad and save inside the chrome subfolder created above as a file called ‘userChrome.css’ (choose all files when saving as css. make sure to name the file userChrome.css and not userChrome.css.txt)
5. Inside the document paste the following lines of code:

.tabbrowser-tab:not([pinned]) {min-width:35px;max-width:35px;}
.tabbrowser-tab,.tab-background {height:var(--tab-min-height);}
.tab-stack {width: 100%;}
#tabbrowser-tabs .scrollbox-innerbox {display: flex;flex-wrap: wrap;}
#tabbrowser-tabs .arrowscrollbox-scrollbox {overflow: visible;display: block;}
#titlebar,#titlebar-buttonbox{height:var(--tab-min-height) !important;}
#titlebar{margin-bottom:calc(var(--tab-min-height)*-1) !important;}
#main-window[sizemode="maximized"] #titlebar{margin-bottom:calc(6px + var(--tab-min-height)*-1) !important;}
#main-window[sizemode="maximized"] #TabsToolbar{margin-left:var(--tab-min-height);}
#titlebar:active{margin-bottom:0 !important;}
#titlebar:active #titlebar-content{margin-bottom:var(--tab-min-height) !important;}
#tabbrowser-tabs .scrollbutton-up,.tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){display: none;}

Note: as I also said above, I tried to play with min-width:35px;max-width:35px and increase up to the point I realized it was not working, not making my tabs any bigger, so I did the about:config modification.
6. Restart FF and you should have multi row tabs

Problem and question by original poster

Btw, there is still a small problem (also in the original as far as I can see); it’s not possible to drag tabs well from one row to another. Any Firefox GUI expert who can fix this?


More Quantum css files:


pus acum 6 ani
   
Pagini: 1  

Mergi la