Firefox 58: Rounded Tabs again [SOLVED]

User Help for Mozilla Firefox
Post Reply
wmf38
Posts: 2
Joined: January 24th, 2018, 4:23 pm

Firefox 58: Rounded Tabs again [SOLVED]

Post by wmf38 »

Hello,

since I updated to Firefox 58 my rounded tabs are no longer really rounded because of a long seperator line between the tabs. I'm using the "Brushed Metal - OSX" theme in combination with userChrome.css modifications:

Code: Select all

.tab-background {
  border-radius: 12px 12px 0px 0px !important;
  border-image: none !important;
}
.tab-line {
  display: none;
}
It seems the theme is not the cause, the seperator also appears in other themes. Is there a way to remove it in userChrome.css? I don't need the complete Australis design with overlapping tabs etc., but in Firefox 57 the two entries in userChrome.css worked fine.

Greetings,
wmf38
Last edited by wmf38 on January 30th, 2018, 11:44 pm, edited 1 time in total.
anemholi
Posts: 3
Joined: December 20th, 2012, 5:29 pm

Re: Firefox 58: Rounded Tabs again

Post by anemholi »

I had the same problem. The code below works for me.

/* removes separators before and after hovered tab */
.tabbrowser-tab:hover::after,
.tabbrowser-tab[beforehovered="true"]::after
{
color: transparent !important;
}

/* removes separators before and after selected tab */
.tabbrowser-tab[selected="true"]::after,
.tabbrowser-tab[beforeselected="true"]::after
{
display: none !important;
}
Brummelchen
Posts: 4480
Joined: March 19th, 2005, 10:51 am

Re: Firefox 58: Rounded Tabs again

Post by Brummelchen »

what about answers here?
https://www.camp-firefox.de/forum/viewt ... 6&t=124133

if solved then kindly add "solved" here in the title (as it seems solved)

and yes, i am running queries for camp - if they are able then able to mess up the browser.
wmf38
Posts: 2
Joined: January 24th, 2018, 4:23 pm

Re: Firefox 58: Rounded Tabs again

Post by wmf38 »

Yes, it is solved. The following code works for me:

Code: Select all

.tabbrowser-tab::after, .tabbrowser-tab::before {
	border-left: none !important;
}
.tab-background {
  border-radius: 12px 12px 0px 0px !important;
  border-image: none !important;
  border-left: 1px solid !important;
  border-right: 1px solid !important;
  border-top: 1px solid !important;
  background-color: #BDBDBD !important;
}
.tab-line {
  display: none !important;
}
tnman
Posts: 1
Joined: March 20th, 2018, 10:10 pm

Re: Firefox 58: Rounded Tabs again [SOLVED]

Post by tnman »

what file are these changes made?
User avatar
LIMPET235
Moderator
Posts: 39936
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Re: Firefox 58: Rounded Tabs again [SOLVED]

Post by LIMPET235 »

Hi,
The code is placed in the "userChrome.css" file. (NOTE: No quotes & note the Capital > C in userChrome.css)
Please ref; > http://kb.mozillazine.org/UserChrome.css
You will have to create the chrome folder. (All lower case.)
[Ancient Amateur Astronomer.]
Win-10-H/64 bit/500G SSD/16 Gig Ram/450Watt PSU/350WattUPS/Firefox-115.0.2/T-bird-115.3.2./SnagIt-v10.0.1/MWP-7.12.125.

(Always choose the "Custom" Install.)
Post Reply