Как можно иметь несколько строк с вкладками в Firefox 57+, после того как надстройка Tab Mix Plux больше не работает (все устаревшие расширения удаляются в Firefox 57). Может, мне просто подождать?
Это, пожалуй, единственная функциональность, которую я не смог найти в Opera или Chrome (и у Chrome есть некоторые проблемы с конфиденциальностью), когда я последний раз их тестировал. Так что, похоже, у меня есть несколько вариантов, а не один.
-
Как предлагается в этой теме, я могу понизить до FF 52 ESR (с возможными проблемами...) или использовать ночную сборку...
-
Другой возможный вариант - использовать файл
[FF Current Profile Folder]/chrome/userChrome.css(может потребоваться создать папку), где я могу разместить некоторый код. Вот что я тестировал в FF 57, используя вкладки 500+:
(РЕДАКТИРОВАТЬ 1: Добавлено несколько правил CSS, чтобы скрыть некоторые пробелы/кнопки, аналогично ответу R4zen, поскольку мое содержит еще одно правило и, возможно, более полно... но результат может быть таким же для большинства людей! У меня был этот код протестировал, когда я опубликовал вопрос, но решил опубликовать меньше кода для более легкого понимания происходящего. Теперь я публикую свой полный код, чтобы другие могли извлечь из этого пользу.)
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#tabbrowser-tabs .arrowscrollbox-overflow-start-indicator,
#tabbrowser-tabs .arrowscrollbox-overflow-end-indicator,
#tabbrowser-tabs #alltabs-button {
display: none;
}
#tabbrowser-tabs .tabbrowser-arrowscrollbox,
#tabbrowser-tabs .arrowscrollbox-scrollbox {
display: block;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
/*
display: block;
*/
overflow-y: auto !important;
min-height: var(--tab-min-height); /* default */
max-height: calc(5*var(--tab-min-height)) !important;
}
#tabbrowser-tabs .tabbrowser-tab {
flex-grow: 1;
flex-wrap:wrap;
min-width: 150px;
vertical-align: bottom !important;
}
#tabbrowser-tabs .tabbrowser-tab,
#tabbrowser-tabs .tabbrowser-tab .tab-stack .tab-background {
height: var(--tab-min-height);
}
#tabbrowser-tabs .tabbrowser-tab .tab-stack {
width: 100%;
}
#tabbrowser-tabs .tabbrowser-tab[pinned] {
min-width: 0px;
max-width: 40px;
}
#tabbrowser-tabs .tabbrowser-tab[pinned] .tab-icon-image:not([src]) {
visibility: hidden !important;
}
#tabbrowser-tabs .tabbrowser-tab[pinned] .tab-text {
display: none !important;
}
/* Active tab style - visuallyselected="true" === ACTIVE TAB */
#tabbrowser-tabs .tabbrowser-tab[visuallyselected="true"] {
font-weight: bold;
}
#tabbrowser-tabs .tabbrowser-tab[visuallyselected="true"] .tab-background {
background-color: lime !important; /* green, lime, LawnGreen-7CFC00, LimeGreen-32CD32, SpringGreen-00FF7F */
}
- Где
5вmax-height: calc(5*var(--tab-min-height)) !important;5 строк, динамически рассчитанная высота.
Приведенный выше код показывает вкладки, но их поведение довольно плохое:
- самое страшное - когда вы прокручиваете вкладки с помощью
Ctrl+Tab(в последнем последнем порядке), а вкладка переключается на другую строку (на расстоянии 5+ строк)), строка с вкладкой не прокручивается до активная вкладка. Слайдер должен использоваться для ручной прокрутки строк и визуального поиска выбранной... (Для пояснения: я установил 5 видимых строк из 15 строк) -
вкладки нельзя перетаскивать, так как ядро FF неправильно их вычисляет и перемещает вкладку в случайную позицию
- Чтобы использовать форк унаследованного кода, кто-то упомянул WaterFox (или другой форк).
Есть ли другие (лучшие) решения на сегодняшний день?
Я уверен, что у нас будет больше вариантов в будущем, поэтому правильный ответ сегодня может быть не лучшим после недели или месяца...
РЕДАКТИРОВАТЬ Апрель 2019 (Firefox 66.x): После обновления до Firefox 66 у меня было слишком много строк, покрывающих весь экран (это вкладки 1000+). Мне нужно было отредактировать исходный код выше и добавить несколько дополнительных правил:
#tabbrowser-tabs .arrowscrollbox-scrollbox {
max-height: calc(5*var(--tab-min-height)) !important;
overflow: auto;
margin-bottom: calc(1.25 * var(--tab-min-height)) !important;
}
Возможно, вам придется настроить их для вас, если у вас есть другое количество строк (у меня есть 5 строк с вкладками). Удачи!
