And Then, A Little More CSS...

Further to the last post which seems like a long time ago but, hay, I’m flat out like a lizard drinking here, the good Ripper has added another bit of code to give the tabs  nice rounded upper corners. Now that may not sound like a big deal but it’s a fine move if, in previous versions of Firefox, you’d rounded ‘em to meet your personalisation requirements as, indeed, had I. Now, I find it just helps my old eyes see exactly wot tab I’m ‘working in’ before doing that clicky thingy to close unwanted tabs.

Anyhoo, here’s the code as provided by Ripper;

/*
* Put rounded corners on tabs
*/
.tab-background {
border-radius: 10px 10px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
}

All you need to do is open your Profile folder as before, find the chrome folder, open it, open userChrome.css then copy the bit above and paste it directly below any code already there so it will then look like wot’s below including the lower Tab bar code. Close and reopen Fox. JD.

/* Puts tabs on the bottom */
#TabsToolbar {
  -moz-box-ordinal-group: 2;
  border-bottom: 1px solid #888 !important;
}
#nav-bar{ border-top-width: 0px !important; }
/*
* Put rounded corners on tabs
*/
.tab-background {
border-radius: 10px 10px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
}

Finally, if you always have many, many tabs open and you’d like less width to your tabs, glue this below all the above and set the figures for min-width and max-width to your preferred values.

.tabbrowser-tab:not([pinned])
{
  min-width: 100px !important;
  max-width: 200px !important;
}

I also see that the + on the Tab Bar to open a new ‘blank’ tab, that I couldn’t previously see, has mysteriously appeared. I really do need to get out more next week.

Quote; ??

“It’s not a bug – it’s an undocumented feature.”