This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Customising tab position in FF57 on Mac not perfect

  • 5 svar
  • 1 har dette problemet
  • 14 views
  • Siste svar av barcelona2

more options

Hi,

I use the following css to get the tabs down below the line of bookmarks (which should be the logical position anyway from a ui perspective):

/* Tab bar below Navigation & Bookmarks Toolbars

  For best results, show Title Bar or Menu Bar */
  1. nav-bar { /* main toolbar */
 -moz-box-ordinal-group: 1 !important;
 border-top-width: 0 !important; 

}

  1. PersonalToolbar { /* bookmarks toolbar */
 -moz-box-ordinal-group: 2 !important;

}

  1. TabsToolbar { /* tab bar */
 -moz-box-ordinal-group: 3 !important;

}

However, the top area (colour buttons) is now overlapping the FF back arrow. Does someone have a suggestion for a css to fix this?

Thanks a lot.

Hi, I use the following css to get the tabs down below the line of bookmarks (which should be the logical position anyway from a ui perspective): /* Tab bar below Navigation & Bookmarks Toolbars For best results, show Title Bar or Menu Bar */ #nav-bar { /* main toolbar */ -moz-box-ordinal-group: 1 !important; border-top-width: 0 !important; } #PersonalToolbar { /* bookmarks toolbar */ -moz-box-ordinal-group: 2 !important; } #TabsToolbar { /* tab bar */ -moz-box-ordinal-group: 3 !important; } However, the top area (colour buttons) is now overlapping the FF back arrow. Does someone have a suggestion for a css to fix this? Thanks a lot.

Valgt løsning

Ok, solved it. With this css the mac's three bbuttons red, yellow, green appear properly again:

/* Tab bar below Navigation & Bookmarks Toolbars

 For best results, show Title Bar or Menu Bar */
 #nav-bar { /* main toolbar */
 -moz-box-ordinal-group: 1 !important;
     padding-top: 22px !important;
 border-top-width: 0 !important; 
  }
   #PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 2 !important;
  }
  #TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
  }
Les dette svaret i sammenhengen 👍 1

All Replies (5)

more options

Try this for the navbar rule:

    #nav-bar { /* main toolbar */ 
      padding-left: 75px;
     -moz-box-ordinal-group: 1 !important;
     border-top-width: 0 !important; 
}
more options

1st screenshot with your suggestion, 2nd one as I had it before.

Cheers

more options

sorry screenshot of your s wasnot detailed enough

more options

Oh, if you have the bookmarks toolbar on top you probably need to apply the padding to that:

    #PersonalToolbar { /* bookmarks toolbar */ 
    padding-left: 75px !important;
 -moz-box-ordinal-group: 2 !important;
}
more options

Valgt løsning

Ok, solved it. With this css the mac's three bbuttons red, yellow, green appear properly again:

/* Tab bar below Navigation & Bookmarks Toolbars

 For best results, show Title Bar or Menu Bar */
 #nav-bar { /* main toolbar */
 -moz-box-ordinal-group: 1 !important;
     padding-top: 22px !important;
 border-top-width: 0 !important; 
  }
   #PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 2 !important;
  }
  #TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
  }