Question

Tabs on bottom

3 উত্তরসমূহ
7 এই সমস্যাটি আছে
শেষ জবাব দ্বারা booya

2 দিনসমূহ আগে

26/11/24 1:52 PM

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

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 দ্বারা পরিমিত 8 ডিসেম্বর, 2024 4:01:23 PM -0800

সমাধান চয়ন করুন

/*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

Answer 1 · 2024-11-26 13:52:32.373619

scottish2 প্রশ্নের মালিক

27/11/24 10:17 AM

/*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;

}

/*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 দ্বারা পরিমিত 1 ডিসেম্বর, 2024 6:05:21 AM -0800

Answer 2 · 2024-11-26 13:52:32.373619

scottish2 প্রশ্নের মালিক

1/12/24 6:05 AM

চয়ন করা সমাধান

/*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;

}

/*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; }

Answer 3 · 2024-11-26 13:52:32.373619

booya

8/12/24 4:01 PM

Could you please indicate the part of the code that is responsible for the location of tabs pannel?

সহায়তা খুঁজুন

Tabs on bottom

সমাধান চয়ন করুন

All Replies (3)

Helpful?

চয়ন করা সমাধান

Helpful?

Helpful?

Explore by product

Explore by topic

Browse by product

Browse all forum threads by topic

Get help with

সহায়তা খুঁজুন

Tabs on bottom

সমাধান চয়ন করুন

All Replies (3)

Helpful?

চয়ন করা সমাধান

Helpful?

Helpful?