update title and slug

This commit is contained in:
postscriptum 2026-03-12 05:25:36 +02:00
parent 2269ba8b8c
commit 679819f3d8
2 changed files with 2 additions and 2 deletions

View file

@ -1,56 +0,0 @@
# Ліво-стороння орієнтація кнопки "закрити" вкладку в 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` - ваша каша
* в цьому рішенні, я показую кнопку "закрити" тільки на активних табах (як в класичній 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>
```
Можливо, я щось придумаю і доповню це рішення, а поки така малята ***ня.