MozillaZine


[SOLVED] css to move tab bar below the address bar in ff 90?

User Help for Mozilla Firefox
ineuw

User avatar
 
Posts: 702
Joined: March 19th, 2006, 4:17 pm
Location: Québec, Canada

Post Posted July 16th, 2021, 2:53 am

Upgraded to FF 90 from 88.0.1 and the old code retired. There are so many complex css out there, which also include unwanted features, that I am lost.
Last edited by ineuw on July 19th, 2021, 12:56 am, edited 1 time in total.
Firefox 91.0.2 with Windows 10 Pro 21H1, and Linux Mint 20.2 Cinnamon 64 bit. - posted on 2021-08-31

dickvl

User avatar
 
Posts: 53516
Joined: July 18th, 2005, 3:25 am

Post Posted July 16th, 2021, 7:46 pm

You can look at the code in this reply:
viewtopic.php?f=38&t=3075330&p=14894237#p14894237

Note that you may only have to add "position: relative !important;" under the rule that sets the padding-bottom for the #navigator-toolbox to reserve space for the tab bar.

Code: Select all
/* navigator-toolbox - space for TabsToolbar */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  position: relative !important;
  padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ADJUST*/
}

ineuw

User avatar
 
Posts: 702
Joined: March 19th, 2006, 4:17 pm
Location: Québec, Canada

Post Posted July 18th, 2021, 12:44 pm

dickvl wrote:You can look at the code in this reply:
viewtopic.php?f=38&t=3075330&p=14894237#p14894237

Note that you may only have to add "position: relative !important;" under the rule that sets the padding-bottom for the #navigator-toolbox to reserve space for the tab bar.

Code: Select all
/* navigator-toolbox - space for TabsToolbar */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  position: relative !important;
  padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ADJUST*/
}


Much thanks for the link.
Firefox 91.0.2 with Windows 10 Pro 21H1, and Linux Mint 20.2 Cinnamon 64 bit. - posted on 2021-08-31

ineuw

User avatar
 
Posts: 702
Joined: March 19th, 2006, 4:17 pm
Location: Québec, Canada

Post Posted July 19th, 2021, 12:58 am

dickvl wrote:You can look at the code in this reply:
viewtopic.php?f=38&t=3075330&p=14894237#p14894237

Note that you may only have to add "position: relative !important;" under the rule that sets the padding-bottom for the #navigator-toolbox to reserve space for the tab bar.

Code: Select all
/* navigator-toolbox - space for TabsToolbar */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  position: relative !important;
  padding-bottom: calc(var(--tab-min-height) + 8px) !important; /*ADJUST*/
}


This is amazing. Thanks.
Firefox 91.0.2 with Windows 10 Pro 21H1, and Linux Mint 20.2 Cinnamon 64 bit. - posted on 2021-08-31

Return to Firefox Support


Who is online

Users browsing this forum: No registered users and 3 guests