Tabs on bottom
Well looks like they did it to us again. My tabs are back on top again and need to put them below where I am a lot of other users like our tabs!
Update: Codes working fine now for 133.0
この投稿は scottish2 により
選ばれた解決策
/*Additions by Codehaven - Mike to change specific sizes*/
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_v2.css made available under Mozilla Public License v. 2.0 See the above repository for updates as well as full license text. */
/* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */
@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){
#nav-bar > .titlebar-buttonbox-container{ order: -1 !important; > .titlebar-buttonbox{ flex-direction: row-reverse; } }
} @media not (-moz-bool-pref: "sidebar.verticalTabs"){
.global-notificationbox, #tab-notification-deck, #TabsToolbar{ order: 1; } #TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){ display: none; } :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{ display: flex !important; } :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{ > .titlebar-buttonbox-container{ display: flex !important; } :root[sizemode="normal"] & { > .titlebar-spacer{ display: flex !important; } } :root[sizemode="maximized"] & { > .titlebar-spacer[type="post-tabs"]{ display: flex !important; } @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"), (-moz-gtk-csd-reversed-placement), (-moz-platform: macos){ > .titlebar-spacer[type="post-tabs"]{ display: none !important; } > .titlebar-spacer[type="pre-tabs"]{ display: flex !important; } } } }
}
/* Adjust the height of the Tabs Toolbar */
- TabsToolbar {
height: 32px !important; /* Neater toolbar height */ min-height: 32px !important; max-height: 32px !important; margin: 10px 0 -5px 0 !important; padding: 0 !important; font-size: 14px !important;
}
/* Adjust tab height to match the toolbar */
- TabsToolbar .tabbrowser-tab {
height: 36px !important; /* Matches toolbar for a balanced look */ padding: 0 4px !important; /* Adds slight spacing between tabs */
}
/* Center align tab content */
- TabsToolbar .tab-label {
line-height: 34px !important; /* Align text with tab height */ margin: 0 !important;
}
/* Smaller close button for a cleaner appearance */
- TabsToolbar .tab-close-button {
height: 14px !important; /* Smaller close button */ width: 14px !important; /* Proportional width */ margin: 0 2px !important; /* Adjust spacing around the button */ padding: 0 !important;
}
/* Prevent overflow and ensure neat alignment */ .tabbrowser-tab .tab-stack {
margin: 0 !important; padding: 0 !important;
}
/* Adjust tab icon size */
- TabsToolbar .tab-icon-image {
height: 18px !important; /* Matches the smaller close button */ width: 18px !important;
}
この回答をすべて読む 👍 0すべての返信 (3)
/*Additions by Codehaven - Mike to change specific sizes*/
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_v2.css made available under Mozilla Public License v. 2.0 See the above repository for updates as well as full license text. */
/* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */
@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){
#nav-bar > .titlebar-buttonbox-container{ order: -1 !important; > .titlebar-buttonbox{ flex-direction: row-reverse; } }
} @media not (-moz-bool-pref: "sidebar.verticalTabs"){
.global-notificationbox, #tab-notification-deck, #TabsToolbar{ order: 1; } #TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){ display: none; } :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{ display: flex !important; } :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{ > .titlebar-buttonbox-container{ display: flex !important; } :root[sizemode="normal"] & { > .titlebar-spacer{ display: flex !important; } } :root[sizemode="maximized"] & { > .titlebar-spacer[type="post-tabs"]{ display: flex !important; } @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"), (-moz-gtk-csd-reversed-placement), (-moz-platform: macos){ > .titlebar-spacer[type="post-tabs"]{ display: none !important; } > .titlebar-spacer[type="pre-tabs"]{ display: flex !important; } } } }
}
/* Adjust the height of the Tabs Toolbar */
- TabsToolbar {
height: 32px !important; /* Neater toolbar height */ min-height: 32px !important; max-height: 32px !important; margin: 10px 0 -5px 0 !important; padding: 0 !important; font-size: 14px !important;
}
/* Adjust tab height to match the toolbar */
- TabsToolbar .tabbrowser-tab {
height: 36px !important; /* Matches toolbar for a balanced look */ padding: 0 4px !important; /* Adds slight spacing between tabs */
}
/* Center align tab content */
- TabsToolbar .tab-label {
line-height: 34px !important; /* Align text with tab height */ margin: 0 !important;
}
/* Smaller close button for a cleaner appearance */
- TabsToolbar .tab-close-button {
height: 14px !important; /* Smaller close button */ width: 14px !important; /* Proportional width */ margin: 0 2px !important; /* Adjust spacing around the button */ padding: 0 !important;
}
/* Prevent overflow and ensure neat alignment */ .tabbrowser-tab .tab-stack {
margin: 0 !important; padding: 0 !important;
}
/* Adjust tab icon size */
- TabsToolbar .tab-icon-image {
height: 18px !important; /* Matches the smaller close button */ width: 18px !important;
}
この投稿は scottish2 により
選ばれた解決策
/*Additions by Codehaven - Mike to change specific sizes*/
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_v2.css made available under Mozilla Public License v. 2.0 See the above repository for updates as well as full license text. */
/* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */
@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){
#nav-bar > .titlebar-buttonbox-container{ order: -1 !important; > .titlebar-buttonbox{ flex-direction: row-reverse; } }
} @media not (-moz-bool-pref: "sidebar.verticalTabs"){
.global-notificationbox, #tab-notification-deck, #TabsToolbar{ order: 1; } #TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){ display: none; } :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{ display: flex !important; } :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{ > .titlebar-buttonbox-container{ display: flex !important; } :root[sizemode="normal"] & { > .titlebar-spacer{ display: flex !important; } } :root[sizemode="maximized"] & { > .titlebar-spacer[type="post-tabs"]{ display: flex !important; } @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"), (-moz-gtk-csd-reversed-placement), (-moz-platform: macos){ > .titlebar-spacer[type="post-tabs"]{ display: none !important; } > .titlebar-spacer[type="pre-tabs"]{ display: flex !important; } } } }
}
/* Adjust the height of the Tabs Toolbar */
- TabsToolbar {
height: 32px !important; /* Neater toolbar height */ min-height: 32px !important; max-height: 32px !important; margin: 10px 0 -5px 0 !important; padding: 0 !important; font-size: 14px !important;
}
/* Adjust tab height to match the toolbar */
- TabsToolbar .tabbrowser-tab {
height: 36px !important; /* Matches toolbar for a balanced look */ padding: 0 4px !important; /* Adds slight spacing between tabs */
}
/* Center align tab content */
- TabsToolbar .tab-label {
line-height: 34px !important; /* Align text with tab height */ margin: 0 !important;
}
/* Smaller close button for a cleaner appearance */
- TabsToolbar .tab-close-button {
height: 14px !important; /* Smaller close button */ width: 14px !important; /* Proportional width */ margin: 0 2px !important; /* Adjust spacing around the button */ padding: 0 !important;
}
/* Prevent overflow and ensure neat alignment */ .tabbrowser-tab .tab-stack {
margin: 0 !important; padding: 0 !important;
}
/* Adjust tab icon size */
- TabsToolbar .tab-icon-image {
height: 18px !important; /* Matches the smaller close button */ width: 18px !important;
}
Could you please indicate the part of the code that is responsible for the location of tabs pannel?