Firefox 58: Rounded Tabs again [SOLVED]

[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

[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]

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]

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]

what file are these changes made?

[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.)