MozillaZine

Firefox 58: Rounded Tabs again [SOLVED]

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

Post Posted January 24th, 2018, 4:47 pm

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

Post Posted January 29th, 2018, 8:15 pm

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: 3787
Joined: March 19th, 2005, 10:51 am

Post Posted January 30th, 2018, 11:22 am

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

Post Posted January 30th, 2018, 2:59 pm

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

Post Posted March 20th, 2018, 10:12 pm

what file are these changes made?

LIMPET235
Moderator

User avatar
 
Posts: 38419
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Post Posted March 21st, 2018, 12:04 am

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-7-HP/IntelĀ® DualCore-2.0GHz/500G HDD/4 Gig Ram/550Watt PSU/350WattUPS/Firefox-20.0-57.0-61.0-62.0/T-bird-2.0.0.24/SnagIt-v10.0.1/MWP-7.11.0.
RadioYachting. (Always choose the "Custom" Install.)

Return to Firefox Support


Who is online

Users browsing this forum: Bing [Bot] and 12 guests