Търсене в помощните статии

Избягвайте измамите при поддръжката. Никога няма да ви помолим да се обадите или изпратите SMS на телефонен номер или да споделите лична информация. Моля, докладвайте подозрителна активност на "Докладване за злоупотреба".

Learn More

Curved tab

  • 2 отговора
  • 1 има този проблем
  • 109 изгледи
  • Последен отговор от imre_lovasz

more options

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

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

Избрано решение

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

Прочетете този отговор в контекста 👍 0

Всички отговори (2)

more options

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.
more options

Избрано решение

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