Ліво-стороння орієнтація кнопки "закрити вкладку" в Firefox

Так як в класичному середовищі GNOME я часто промахуюсь між "змінити гучність" в правому кутку і кнопкою "закрити" програму (а це часто буває браузер із морем вкладок і заповненими там формами) мною було прийняте рішення розмістити кнопки закривання вікна зліва. Це робиться доволі просто засобами додатка GNOME Tweaks.

Відповідно, у всіх нативних програмах Adwaita, хрестики табів переміщаються вліво, один тільки Firefox "особливий". Не дивлячись на те, що написаний він здається на базі фреймворку GTK 3, Mozilla - не до дрібниць: їм треба то логотип міняти, то напирати непотрібні мені фічі, які вже втомився вимикати.

Коротше, нижче - рецепт переміщення його кнопок закривання табу вліво, бо те, що вивалює ШІ в мене не працює нормально.

Самі стилі в Firefox вмикаються через `about:config`, опцію `toolkit.legacyUserProfileCustomizations.stylesheets`. Після цього створюється файл:

.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 виглядає він так:

<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>

Можливо, я щось придумаю і доповню це рішення, а поки така малята ***ня.

FF 119.20.0 ESR

В i2pdbrowser трішки інші відступи:

.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:

Мій форк i2pdbrowser для приватно-орієнтованого Веб

Дивіться також

Ліво-стороння орієнтація кнопки "закрити вкладку" в Thunderbird

Збірка Firefox з початкового коду в Linux / Fedora 43