Skip to content
This repository has been archived by the owner on Dec 13, 2023. It is now read-only.

Curved edges 'float' in 108.0.1 #129

Open
Icy-of-Melbourne opened this issue Dec 18, 2022 · 9 comments
Open

Curved edges 'float' in 108.0.1 #129

Icy-of-Melbourne opened this issue Dec 18, 2022 · 9 comments

Comments

@Icy-of-Melbourne
Copy link

example
Noticed this with 108.0.1, dark theme.

As you can see, the leading and trailing curves to the tabs are now floating.

  • Have no other customisations or add-ons that would tweak this.
  • Have reapplied the current code, and confirmed issue still present on my end.

Sing out if you need more detail!

@SentineI
Copy link

I have the same issue on Linux, and it occurs in both light & dark themes.

@jaspar888
Copy link

Same issue here

@Glitchcode2447
Copy link

Temporary Fix
#TabsToolbar-customization-target { margin-bottom: -4.7px; }

@lindenkron
Copy link

lindenkron commented Jan 22, 2023

Anyone coming by later, this worked for me:

.tab-content {
  padding: 0 20px !important;
  margin-bottom: 5px;
}

#TabsToolbar  {
  padding-inline-start: 15px !important;
  min-height: 33px !important;
  max-height: 33px !important;
  overflow:hidden;
}

#TabsToolbar-customization-target { 
  margin-bottom: -6px;
}

@cshandley-uk
Copy link

As this is still broken for me (none of the suggested fixes work & I have been unable to fix it myself), I've ended-up creating my own curved tabs solution (it's extremely simple, not nearly as pretty or Australis-like, but it at least works - and can be improved on in the future).

@Orriky
Copy link

Orriky commented Jan 28, 2023

@lindenkron solution works for me.
Unfortunately, the first tab is truncated and I don't know how to fix this problem.

@LeeBinder
Copy link

Thanks. Here's my adapted css for WaterFox and a custom theme:

/*Curved edges 'float' fix: */
.tab-content {
  padding: 0 20px !important;
  margin-bottom: 5px;
}

#TabsToolbar  {
  padding-inline-start: 15px !important;
  min-height: 30px !important;
  max-height: 40px !important;
  overflow:hidden;
}

#TabsToolbar-customization-target { 
  margin-bottom: -10px;
  margin-top: -2px;
}
/* END Curved edges 'float' fix: */

@Impakt
Copy link

Impakt commented May 18, 2023

They're broken again in 113

@natrys
Copy link

natrys commented May 18, 2023

They're broken again in 113

For that the solution in #131 worked for me

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

10 participants