firefox-csshacks icon indicating copy to clipboard operation
firefox-csshacks copied to clipboard

curved_tabs.css: loading burst ignores tab corners

Open contextnerror opened this issue 1 year ago • 5 comments

The colored burst on page load doesn't include the bottom corners of the tabs.

https://github.com/MrOtherGuy/firefox-csshacks/assets/54487525/5ec31b27-3f7e-44bd-9425-263ecfc92b68

contextnerror avatar Sep 26 '23 19:09 contextnerror

Yeah, that's true, but sadly I don't think there any good way to fix that.

MrOtherGuy avatar Sep 27 '23 02:09 MrOtherGuy

I'm not sure how, but it seems like WaveFox has managed to pull it off. Though it also mutes the colors of the loading burst by default, among many other things. I've had to change the default burst color in this example.

https://github.com/MrOtherGuy/firefox-csshacks/assets/54487525/e02a06a1-418c-4975-8199-b2557ee2b832

This is with tab option 8 enabled.

contextnerror avatar Sep 27 '23 03:09 contextnerror

Right. Wavefox creates its tab shaping effect in totally different way than what we are doing - they use mask image at tab-background whereas we have a variable sized background-image. Both have some advantages and disadvantages, and I think it would be at least pretty difficult if not outright impossible to make tab bursting effect work correctly with the way we are using.

MrOtherGuy avatar Sep 27 '23 08:09 MrOtherGuy

Makes sense. In that case this can probably be closed.

contextnerror avatar Sep 27 '23 08:09 contextnerror

I'll keep this open in case someone figures out a nice way to do this. This is a bug after all, I'm just saying it might be hard to fix.

MrOtherGuy avatar Sep 27 '23 11:09 MrOtherGuy