Кнопки вікна Firefox 60 CSD зліва


14

Мені подобається новий варіант CSD (видалити рядок заголовка), але при активації кнопки вікна рухаються вправо (як правило, ліворуч). Чи можна увімкнути CSD, але з кнопками зліва?

Відповіді:


17

Створіть файл "userChrome.css" та його батьківський каталог "chrome", якщо вони ще не існують:

~/.mozilla/firefox/<YOUR_FIREFOX_PROFILE>/chrome/userChrome.css

Помістіть такий код у userChrome.css
Якщо рядок, що починається з простору @names, вже є у вашому userChrome.css, не додайте її вдруге.

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

.titlebar-buttonbox {
  display: flex;
}

.titlebar-min {
  order: 2;
}

.titlebar-max {
  order: 1;
}

.titlebar-close {
  order: 3;
  margin-right: 6px !important;
}

Тепер перезапустіть Firefox, і кнопки будуть зліва.

Ваш профіль Firefox буде виглядати приблизно так: hej3q2i1.default
Якщо ви не впевнені, який саме ваш профіль, ви можете дізнатися, виконавши наступні дії:

  1. Відкрити Firefox
  2. Натисніть кнопку меню
  3. Клацніть Довідка
  4. Виберіть Інформація про усунення несправностей
  5. Ваш профіль Firefox буде останньою каталогом, переліченим у "Каталозі профілів"

Джерело CSS: https://gist.github.com/oidualc/9f7c0a6591ada0d391ee6813a518dc3bвведіть тут опис зображення


1
Дякуємо за спробу, але це не вирішує проблему, кнопки все ще знаходяться праворуч у режимі CSR.
JimDeadlock

Можливо, я неправильно зрозумів. Я припускав, що ви маєте на увазі режим CSD, тому що я ніколи не чув про режим CSR, а режим CSD дозволяє вам об'єднати вкладки з заголовком. Якщо ви маєте на увазі режим CSD (прикраси на стороні клієнта), це дійсно працює. Перевірте свою роботу та перезавантажте Firefox після внесення змін. Я додав скріншот до своєї відповіді, показуючи результати.
деншигоми

Я спробував це на іншому комп'ютері, і він справді працює, не впевнений, що я робив неправильно раніше. Так, я мав на увазі CSD, я думаю, що я, напевно, був другий день. Дякую за відповідь!
JimDeadlock

2
Це робить кнопки вікон розміщеними зліва, але вони розташовані неправильно. Простір між кнопками мінімізації та закриття занадто мало порівняно з пробілом між кнопками збільшення та мінімізації.
Апоорв Потніс


4

На додаток до відповіді @ denhigomi я додав властивість для невідповідності. Це фіксує питання Апоорва Потніса . Ви можете додати цю властивість у файл userChrome.css:

#titlebar-close {
  margin-right: 6px !important;
}

Також суть можна знайти тут .


2

Оригінальний автор суті тут. Сценарій було оновлено, оскільки в останніх версіях Firefox Nightly порядок кнопок був перевернутий.

  • Наберіть про: підтримка на рядку URL-адрес
  • Відкрийте "Каталог профілів" (/ home /.../. Mozilla / firefox / ...)
  • Створіть, якщо його вже не існує каталогу з назвою "chrome"
  • Створіть файл всередині (якщо його вже немає) на ім'я userChrome.css
  • Додайте наступний код

userChrome.css:

#TabsToolbar {
    direction: rtl;
}

#tabbrowser-tabs {
    direction: ltr;
}

.titlebar-buttonbox {
    display: flex;
}

.titlebar-min {
    order: 2;
}

.titlebar-max {
    order: 1;
}

.titlebar-close {
    order: 3;
    margin-right: 6px !important;
}

Додаткову інформацію можна знайти тут: https://www.userchrome.org/


1

Це працює для мене після оновлення Firefox 65:

(userChrome.css)

#menubar-items {
  -moz-box-ordinal-group: 2;
  margin-left: 30px;
}

.titlebar-buttonbox-container {
  -moz-box-ordinal-group: 1!important;
}

.titlebar-button.titlebar-close {
  -moz-box-ordinal-group: 1;
}

.titlebar-button.titlebar-min {
  -moz-box-ordinal-group: 2;
}

.titlebar-button.titlebar-max {
  -moz-box-ordinal-group: 3;
}


1

Дякую за допомогу!

Мені довелося це трохи змінити, але це зараз ідеально!

Це мій файл "userChrome.css", зараз:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#titlebar-max {
  -moz-box-ordinal-group: 0;
}

#titlebar-content {
  direction: rtl;
}

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

.tabbrowser-tab:not([pinned="true"]):hover .tab-close-button:not([selected="true"]) {
  display: -moz-box !important;
}

#menubar-items {
  -moz-box-ordinal-group: 2;
  margin-left: 30px;
}

.titlebar-buttonbox-container {
  -moz-box-ordinal-group: 1!important;
}

.titlebar-button.titlebar-close {
  -moz-box-ordinal-group: 3;
  margin-left: 5px !important;
  margin-right: 6px !important;
}

.titlebar-button.titlebar-min {
  -moz-box-ordinal-group: 2;
}

.titlebar-button.titlebar-max {
  -moz-box-ordinal-group: 1;
}

1

У Gnome for Firefox 65 цей користувальницький хром найкраще працює для мене.

зразок з хромом користувача

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


#TabsToolbar .toolbar-items {
    -moz-box-ordinal-group: 2;
}

#TabsToolbar-customization-target .titlebar-spacer[type="pre-tabs"] {
    display: none;
}

#TabsToolbar-customization-target .titlebar-spacer[type="post-tabs"] {
    width: 4px !important;
}

.titlebar-buttonbox-container {
    -moz-box-ordinal-group: 1 !important;
}

.titlebar-buttonbox-container toolbarbutton.titlebar-button.titlebar-close {
    margin-left: 4px !important;
}

0

Якщо ви хочете мати кнопки в порядку стилю ubuntu

Закрити - Мін - Макс

тоді вам доведеться додати в css одне властивість до рішення @PauloHortas

.titlebar-buttonbox {
   direction: ltr;
}

але тоді це прекрасно працює з firefox 73 та Ubuntu 19.10

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.