wilfredwee / photon-australis

Bringing sexy curves back to Firefox Photon.
MIT License
461 stars 69 forks source link

Curved edges 'float' in 108.0.1 #129

Open Icy-of-Melbourne opened 1 year ago

Icy-of-Melbourne commented 1 year ago

example Noticed this with 108.0.1, dark theme.

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

Sing out if you need more detail!

SentineI commented 1 year ago

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

jaspar888 commented 1 year ago

Same issue here

Glitchcode2447 commented 1 year ago

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

lindenkron commented 1 year ago

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 commented 1 year ago

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 commented 1 year ago

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

LeeBinder commented 1 year ago

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 commented 1 year ago

They're broken again in 113

natrys commented 1 year ago

They're broken again in 113

For that the solution in #131 worked for me