mirror of
https://codeberg.org/postscriptum/gemlog.git
synced 2026-04-01 05:05:27 +00:00
91 lines
No EOL
4.3 KiB
Text
91 lines
No EOL
4.3 KiB
Text
# Ліво-стороння орієнтація кнопки "закрити вкладку" в Firefox
|
||
|
||
Так як в класичному середовищі GNOME я часто промахуюсь між "змінити гучність" в правому кутку і кнопкою "закрити" програму (а це часто буває браузер із морем вкладок і заповненими там формами) мною було прийняте рішення розмістити кнопки закривання вікна зліва. Це робиться доволі просто засобами додатка GNOME Tweaks.
|
||
|
||
Відповідно, у всіх нативних програмах Adwaita, хрестики табів переміщаються вліво, один тільки Firefox "особливий". Не дивлячись на те, що написаний він здається на базі фреймворку GTK 3, Mozilla - не до дрібниць: їм треба то логотип міняти, то напирати непотрібні мені фічі, які вже втомився вимикати.
|
||
|
||
Коротше, нижче - рецепт переміщення його кнопок закривання табу вліво, бо те, що вивалює ШІ в мене не працює нормально.
|
||
|
||
Самі стилі в Firefox вмикаються через `about:config`, опцію `toolkit.legacyUserProfileCustomizations.stylesheets`. Після цього створюється файл:
|
||
|
||
``` ~/.mozilla/firefox/xxx.default-release/chrome/userChrome.css
|
||
.tabbrowser-tab:not([pinned]) .tab-icon-stack {
|
||
margin-left: 28px;
|
||
}
|
||
.tabbrowser-tab .tab-close-button {
|
||
width: 24px !important;
|
||
height: 24px !important;
|
||
padding-left: 6px !important;
|
||
padding-right: 6px !important;
|
||
|
||
order: -1;
|
||
position: absolute;
|
||
left: 6px;
|
||
|
||
visibility: hidden;
|
||
}
|
||
.tabbrowser-tab:hover .tab-close-button,
|
||
.tabbrowser-tab[selected="true"] .tab-close-button {
|
||
visibility: visible;
|
||
}
|
||
```
|
||
* `xxx` - ваша каша (дізнатись можна в `about:support`)
|
||
* в цьому рішенні, я показую кнопку "закрити" тільки на активних табах (як в класичній Adwaita) а не всюди (як в Firefox)
|
||
|
||
Зауважу, що в рамках концепту Adwaita, мені також поки не вдалося відцентрувати label разом з favicon, бо ті - розташовані в спільному з "хрестиком" контейнері. Якщо ШІ не бреше, то у версії FF 148.0.2 виглядає він так:
|
||
|
||
``` xml
|
||
<tab class="tabbrowser-tab">
|
||
<stack class="tab-stack">
|
||
<hbox class="tab-background">
|
||
</hbox>
|
||
<hbox class="tab-content">
|
||
<image class="tab-close-button" role="button" />
|
||
<stack class="tab-icon-stack">
|
||
<image class="tab-icon-image" />
|
||
<image class="tab-throbber" />
|
||
</stack>
|
||
<hbox class="tab-label-container">
|
||
<label class="tab-label" />
|
||
</hbox>
|
||
</hbox>
|
||
</stack>
|
||
</tab>
|
||
```
|
||
|
||
=> left-oriented-close-tab-button-in-firefox/screenshot.png Результат в мене вийшов таким (скріншот)
|
||
|
||
Можливо, я щось придумаю і доповню це рішення, а поки така малята ***ня.
|
||
|
||
## FF 119.20.0 ESR
|
||
|
||
В i2pdbrowser трішки інші відступи:
|
||
|
||
``` ~/.mozilla/firefox/xxx.default-esr/chrome/userChrome.css
|
||
.tabbrowser-tab:not([pinned]) .tab-icon-stack {
|
||
margin-left: 12px;
|
||
}
|
||
.tabbrowser-tab .tab-close-button {
|
||
width: 24px !important;
|
||
height: 24px !important;
|
||
padding-left: 6px !important;
|
||
padding-right: 6px !important;
|
||
|
||
order: -1;
|
||
position: absolute;
|
||
left: 6px;
|
||
|
||
visibility: hidden;
|
||
}
|
||
.tabbrowser-tab:hover .tab-close-button,
|
||
.tabbrowser-tab[selected="true"] .tab-close-button {
|
||
visibility: visible;
|
||
}
|
||
```
|
||
|
||
Детальніше про те, чому саме FF 119.20.0 ESR:
|
||
=> my-personal-i2pdbrowser-fork-for-privacy-oriented-web.gmi Мій форк i2pdbrowser для приватно-орієнтованого Веб
|
||
|
||
## Дивіться також
|
||
|
||
=> left-oriented-close-tab-button-in-thunderbird.gmi Ліво-стороння орієнтація кнопки "закрити вкладку" в Thunderbird |