Многорядная панель вкладок в Firefox Quantum

Я попытался найти альтернативы для этого тоже и не нашел реальных вариантов, кроме как использовать комбинацию аддонов:

Сейчас я использую Tab Mix Plus (WebExtensions) и дополнения Tree Style Tab, а также Session Sync, используя комбинацию из них, чтобы сделать управление вкладками более комфортным.

Вкладка древовидные обеспечивает хорошую альтернативу функции многорядной из - за ширины мониторов и текущих разрешений, перечислив несколько вкладок в боковой панели, то сеанс синхронизация улучшает управление с помощью группировки вкладок в окнах сессий и Tab Mix Plus webextensions позволяет связанные страницы, чтобы остаться в том же окне. Это явно не многорядная установка, но лучше, чем ничего.

Чтобы иметь вкладки в нескольких строках без значков фиксированного размера, я делаю следующее. Протестировано на Firefox с 57 по 61 на Linux Fedora, без необходимости установки tab mix plus. Все кредиты идут на эти сообщения:

https://www.reddit.com/r/firefox/comments/726p8u/multirow_tabs_firefox_ignores_mozboxflex/dngb8qf/

https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/

Перетаскивание вкладок не работает хорошо, но и ничего не нарушает.
В любом случае вкладки есть.

Если вы не хотите удалять значки со вкладок, пропустите следующие две строки в файле, который мы собираемся записать:

/* Tabs: no icons */ .tabbrowser-tabs .tab-icon-image { display: none !important; } 

Итак, начнем.

Закройте Firefox.

В Linux создайте следующую папку, где RANDOMCHARACTERS будет отличаться для каждой учетной записи Firefox:

~ / .Mozilla / светлячок / RANDOMCHARACTERS.default / хром /

В Windows 7 создайте следующую папку, где YOURUSERNAME - это имя пользователя Windows, а RANDOMCHARACTERS будет отличаться для каждой учетной записи Firefox:

C: \ Users \ ВАШЕ ИМЯ \ Данные приложения \ Mozilla \ Firefox \ Profiles \ RANDOMCHARACTERS.default \ chrome \

В старых версиях Windows эта папка:

C: \ Documents and Settings \ ИМЯ ВАШЕГО ИМЕНИ \ Данные приложения \ Mozilla \ Firefox \ Профили \ RANDOMCHARACTERS.default \ chrome \

Внутри указанной выше папки создайте файл с именем userChrome.css

Это должен быть простой текст.
Поэтому вы должны сохранить его как .txt, а не как .doc, .rtf или другое.

Скопируйте следующий текст и вставьте его в файл userChrome.css. Сохраните файл.
Вот и все.
Наслаждаться :)

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */  /* Tabs: no icons */ .tabbrowser-tabs .tab-icon-image { display: none !important; }  /* all the following is to have multiple rows of tabs */  /* The class .tabbrowser-tabs has been replaced with id #tabbrowser-tabs changed selectors accordingly */ .tabbrowser-tab:not([pinned]) { flex-grow:1; min-width:150px !important; /* Needed important tag, width can be whatever you like */ max-width: 150px !important; /* Makes the tabs always fill the toolbar width */ } .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; } 

Вот обновленный userChrome.css, который показывает значки и скрывает некрасивую полосу прокрутки в строках вкладок:

.tabbrowser-tab:not([pinned]) { flex-grow:1; min-width:200px !important; /* width properties on tabs require !important override */ max-width: none !important;  } .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; }  #main-window[tabsintitlebar] #tabbrowser-tabs { -moz-window-dragging: no-drag; } #tabbrowser-tabs .scrollbox-innerbox { max-height: 400px; overflow-y:hidden; }