X
Нажмите здесь, чтобы перейти на мобильную версию сайта.
Scheduled maintenance: Thursday, April 2, between 3pm and 5pm UTC. This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn’t solve your issue and you want to ask a question, we have our support community waiting to help you at @firefox on Twitter

Форум поддержки

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

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
Цитата

Дополнительные сведения о системе

Приложение

  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:73.0) Gecko/20100101 Firefox/73.0

Дополнительная информация

Wesley Branton
  • Top 25 Contributor
715 решений 5631 ответов
Размещено

Полезный ответ

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.
It sounds like you would want to put the following code into a <code>userChrome.css</code> file: <pre><nowiki>.tabbrowser-tab .tab-stack { border-radius: 20px 20px 0 0; overflow: hidden; }</nowiki></pre> You can adjust the <code>20px</code> to whatever border rounding you want. For more information on how to add a <code>userChrome.css</code> file, I'd recommend reviewing [https://www.userchrome.org/how-create-userchrome-css.html the documentation on the userChrome.org website]. Hope this helps. <blockquote>'''NOTE:''' Modifications through <code>userChrome.css</code> 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'''.</blockquote>
Помогла ли вам это? 1
Цитата

Выбранное решение

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

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
Помогла ли вам это?
Цитата
Задать вопрос

Для ответа на сообщения вы должны войти в свою учётную запись. Пожалуйста, задайте новый вопрос, если у вас ещё нет учётной записи.