Curved tab
I would like to customize the tabs to be curved instead of the current rectangular one to bring back some aesthetics.
Thanks in advance, Imre
Ausgewählte Lösung
Hi Wesley,
Thanks for the tip! Unfortunately, that was not exactly what I was looking for, but I eventually found the solutions here: https://github.com/wilfredwee/photon-australis
Cheers, Imre
Diese Antwort im Kontext lesen 👍 0Alle Antworten (2)
It sounds like you would want to put the following code into a userChrome.css
file:
.tabbrowser-tab .tab-stack { border-radius: 20px 20px 0 0; overflow: hidden; }
You can adjust the 20px
to whatever border rounding you want.
For more information on how to add a userChrome.css
file, I'd recommend reviewing the documentation on the userChrome.org website.
Hope this helps.
NOTE: Modifications through userChrome.css
are intended for advanced users. Such modifications are unofficial and not support by Mozilla. They may become broken due to UI changes made in future updates. If you do not have the technical ability to make future changes to the above code or the ability to troubleshoot any future issues that may arise, DO NOT USE USERCHROME.CSS CUSTOMIZATION.
Ausgewählte Lösung
Hi Wesley,
Thanks for the tip! Unfortunately, that was not exactly what I was looking for, but I eventually found the solutions here: https://github.com/wilfredwee/photon-australis
Cheers, Imre