Firefox 60 CSD Оконные кнопки слева


14

Мне нравится новая опция CSD (убрать строку заголовка), но когда она активирована, мои кнопки окна перемещаются вправо (обычно слева). Есть ли способ включить CSD, но с кнопками слева?

Ответы:


17

Создайте файл «userChrome.css» и его родительский каталог «chrome», если они еще не существуют:

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

Поместите следующий код в userChrome.css.
Если строка, начинающаяся с @namespace, уже есть в вашем 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
Это делает кнопки окна расположенными слева, но они не расположены должным образом. Расстояние между кнопками сворачивания и закрытия слишком мало по сравнению с расстоянием между кнопками сворачивания и сворачивания.
Апурв Потнис



2

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

  • Введите about: support в адресной строке
  • Откройте «Каталог профилей» (/ 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

В Gnome для Firefox 65 этот пользовательский Chrome работает лучше всего для меня.

образец с пользовательским хромом

@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

Спасибо за помощь!

Мне пришлось немного изменить его, но теперь он идеален!

Это мой файл '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;
}
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.