Comments 11
Хорошая новость. Альтернатива чуть менее чем бесконечному числу браузеров на chromium.
P.S. Не финннских мейнтейнеров пока не выгнали?
Когда там уже вертикальные вкладки из Nightly в релиз передадут? Только из-за них на нестабильной ветке сижу. Всякие сторонние поделки и смотрятся очень инородно и функционал неоптимальный и интеграция с Контейнерами ФФ никакая.
Я уж не заикаюсь про группировку вкладок - её уже много лет просто толпы юзеров прям требуют от Мозиллы.
Много лет юзаю Tree Style Tab - всё нравится.
Странно, у меня в стороннем и группировка с опциональным именем группы, и контейнеры. Разве что перенос из окна в окно не очень. Уж не помню, внутрь группы что ли не попадает.
Вертикальные вкладки (sidebar.revamp = true,затем в настройках боковой панели включить вертикальные вкладки) и группировку (browser.tabs.groups.enabled = true) можно включить и в релизе. Хотя они ещё и не доделаны.
Отлично! Надеюсь, эта инфа проиндексируется Яндексом и на запрос про вертикальные вкладки и группировку вкладок в Firefox будет выдавать это, а не старые копипасты про то, что это только в Nightly-ветке. about:config в адресную строку - и вперёд. sidebar.verticalTabs ещё
И ещё вот рецепт, чтобы "полирнуть" - убрать в Firefox верхнюю строку/панель -мешающее пустое место от панели где были горизонтальные вкладки:
https://pikabu.ru/story/kak_ubrat_panel_vkladok_v_firefox_11331171
1. В адресной строке введите about:config
2. Измените toolkit.legacyUserProfileCustomizations.stylesheets на true
3. В адресной строке введите about:support
4. Откройте в проводнике папку, указанную в Profile Directory (Папка профиля)
5. Создайте в ней папку chrome, в ней создайте файл userChrome.css
6. Скопируйте в userChrome.css этот код
7. Перезапустите Firefox
Код стиля:
Скрытый текст
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/window_control_placeholder_support.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/*
Creates placeholders for window controls.
This is a supporting file used by other stylesheets and is mostly
unnecessary if window titlebar is enabled.
Should preferably be imported before other stylesheets, because some values in this style are deliberately overridden by other styles.
*/
/* Modify these values to match your preferences
These reserve extra space on both sides of the nav-bar to be able to drag the window */
:root:is([tabsintitlebar], [sizemode="fullscreen"]) {
--uc-window-drag-space-pre: 30px; /* left side*/
--uc-window-drag-space-post: 30px; /* right side*/
}
:root:is([tabsintitlebar][sizemode="maximized"], [sizemode="fullscreen"]) {
--uc-window-drag-space-pre: 0px; /* Remove pre space */
}
/* Default width - used on Windows10+ */
:root:is([tabsintitlebar], [sizemode="fullscreen"]) {
--uc-window-control-width: 138px;
}
@media (-moz-platform: windows-win7),
(-moz-platform: windows-win8){
:root:is([tabsintitlebar], [sizemode="fullscreen"]) {
--uc-window-control-width: 105px;
}
}
/* On linux set width based on number of caption buttons.
One button */
@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) {
:root:is([tabsintitlebar],[sizemode="fullscreen"]) {
--uc-window-control-width: 28px;
}
}
/* Two buttons */
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button),
(-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button),
(-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
:root:is([tabsintitlebar],[sizemode="fullscreen"]) {
--uc-window-control-width: 56px;
}
}
/* Three buttons */
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
:root:is([tabsintitlebar],[sizemode="fullscreen"]) {
--uc-window-control-width: 84px;
}
}
@media (-moz-platform: macos){
:root:is([tabsintitlebar]) {
--uc-window-control-width: 72px;
}
:root:is([tabsintitlebar][sizemode="fullscreen"]) {
--uc-window-control-width: 0;
}
}
.titlebar-buttonbox{ color: var(--toolbar-color) }
:root[sizemode="fullscreen"] .titlebar-buttonbox-container{ display: none }
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container:last-child{
position: absolute;
display: flex;
top: 0;
right:0;
height: 40px;
}
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container:last-child{ height: 32px }
#nav-bar{
border-inline: var(--uc-window-drag-space-pre,0px) solid transparent;
border-inline-style: solid !important;
border-right-width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-post,0px));
background-clip: border-box !important;
}
/* Rules for window controls on left layout */
@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
(-moz-gtk-csd-reversed-placement),
(-moz-platform: macos){
:root[tabsintitlebar="true"] #nav-bar{
border-inline-width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-post,0px)) var(--uc-window-drag-space-pre,0px)
}
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container:last-child{ right: unset }
}
@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){
.titlebar-buttonbox-container{
order: -1 !important;
}
.titlebar-buttonbox{
flex-direction: row-reverse;
}
}
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_toolbar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Hides tabs toolbar */
/* For OSX use hide_tabs_toolbar_osx.css instead */
/* Note, if you have either native titlebar or menubar enabled, then you don't really need this style.
* In those cases you can just use: #TabsToolbar{ visibility: collapse !important }
*/
/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it
*/
:root[tabsintitlebar]{ --uc-toolbar-height: 40px; }
:root[tabsintitlebar][uidensity="compact"]{ --uc-toolbar-height: 32px }
#titlebar{
will-change: unset !important;
transition: none !important;
opacity: 1 !important;
}
#TabsToolbar{ visibility: collapse !important }
:root[sizemode="fullscreen"] #titlebar{ position: relative }
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container{
visibility: visible !important;
z-index: 2;
}
:root:not([inFullscreen]) #nav-bar{
margin-top: calc(0px - var(--uc-toolbar-height,0px));
}
:root[tabsintitlebar] #toolbar-menubar[autohide="true"]{
min-height: unset !important;
height: var(--uc-toolbar-height,0px) !important;
position: relative;
}
#toolbar-menubar[autohide="false"]{
margin-bottom: var(--uc-toolbar-height,0px)
}
:root[tabsintitlebar] #toolbar-menubar[autohide="true"] #main-menubar{
flex-grow: 1;
align-items: stretch;
background-attachment: scroll, fixed, fixed;
background-position: 0 0, var(--lwt-background-alignment), right top;
background-repeat: repeat-x, var(--lwt-background-tiling), no-repeat;
background-size: auto 100%, var(--lwt-background-size, auto auto), auto auto;
padding-right: 20px;
}
:root[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive]) #main-menubar{
background-color: var(--lwt-accent-color);
background-image: linear-gradient(var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor),var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor)), var(--lwt-additional-images,none), var(--lwt-header-image, none);
mask-image: linear-gradient(to left, transparent, black 20px);
}
#toolbar-menubar:not([inactive]){ z-index: 2 }
#toolbar-menubar[autohide="true"][inactive] > #menubar-items {
opacity: 0;
pointer-events: none;
margin-left: var(--uc-window-drag-space-pre,0px)
}
А чего не хватает и какие "поделки" пробовали? Правда интересно.
Я на Firefox во многом из-за вертикальных вкладок, долго пользовался Tree Style Tab, недавно решил попробовать Sideberry. Оба варианта, ИМХО, неплохо интегрируются как по юзабилити так и по внешнему виду, плюс имеют в себе много доп функций по сравнению с дефолтными табами. С контейнерами интеграция если и не полная, то я не увидел где, контейнерами пользуюсь часто. Sideberry оказался функциональней, но и настраивать надо больше.
Когда серво вставят?
Вышел Firefox 132.0