Firefox 60 CSD Przyciski okna po lewej

14

Podoba mi się nowa opcja CSD (usuń pasek tytułu), ale po aktywacji moje przyciski okna przesuwają się w prawo (zwykle po lewej). Czy istnieje sposób na włączenie CSD, ale z przyciskami po lewej?

JimDeadlock
źródło

Odpowiedzi:

17

Utwórz plik „userChrome.css” i jego katalog nadrzędny „chrome”, jeśli jeszcze nie istnieją:

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

Umieść następujący kod w userChrome.css
Jeśli wiersz zaczynający się od @namespace znajduje się już w twoim userChrome.css, nie dodawaj go drugi raz.

#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;
}

Teraz uruchom ponownie Firefox, a przyciski będą po lewej stronie.

Twój profil Firefox będzie wyglądał mniej więcej tak: hej3q2i1.default
Jeśli nie masz pewności, który profil jest twój, możesz dowiedzieć się, wykonując następujące kroki:

  1. Otwórz Firefox
  2. Kliknij przycisk menu
  3. Kliknij Pomoc
  4. Wybierz Informacje dotyczące rozwiązywania problemów
  5. Twój profil Firefox będzie ostatnim katalogiem wymienionym w „Katalogu profili”

Źródło CSS: https://gist.github.com/oidualc/9f7c0a6591ada0d391ee6813a518dc3bwprowadź opis zdjęcia tutaj

denshigomi
źródło
1
Dzięki za próbę, ale to nie rozwiązuje problemu, przyciski są nadal po prawej stronie w trybie CSR.
JimDeadlock
Może źle zrozumiałem. Zakładałem, że masz na myśli tryb CSD, ponieważ nigdy nie słyszałem o trybie CSR, a tryb CSD pozwala łączyć zakładki z paskiem tytułowym. Jeśli masz na myśli tryb CSD (dekoracje po stronie klienta), to działa. Dokładnie sprawdź swoją pracę i uruchom ponownie Firefox po wprowadzeniu zmian. Do mojej odpowiedzi dodałem zrzut ekranu pokazujący wyniki.
denshigomi
Wypróbowałem to na innym komputerze i rzeczywiście działa, nie jestem pewien, co robiłem wcześniej źle. Tak, miałem na myśli CSD, myślę, że pewnego dnia musiałem być w półśnie. Dziękuję za odpowiedź!
JimDeadlock
2
Powoduje to, że przyciski okna są umieszczone po lewej stronie, ale nie są poprawnie umieszczone. Odstęp między przyciskami minimalizacji i zamykania jest zbyt mały w porównaniu z odstępem między przyciskami maksymalizacji i minimalizacji.
Apoorv Potnis
2
Jak ten .
Apoorv Potnis
4

Oprócz odpowiedzi @ denshigomi dodałem poperty za niewspółosiowość. To rozwiązuje problem Apoorva Potnisa . Możesz dodać tę właściwość do pliku userChrome.css:

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

Również sedno można znaleźć tutaj .

isacikgoz
źródło
2

Oryginalny autor istoty tutaj. Skrypt został zaktualizowany, ponieważ w najnowszych wersjach Firefox Nightly kolejność przycisków została odwrócona.

  • Wpisz about: wsparcie na pasku adresu URL
  • Otwórz „Katalog profili” (/ home /.../. Mozilla / firefox / ...)
  • Utwórz, jeśli jeszcze nie istnieje, katalog o nazwie „chrome”
  • Utwórz plik w środku (jeśli jeszcze nie istnieje) o nazwie userChrome.css
  • Dodaj następujący kod

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

Więcej informacji można znaleźć tutaj: https://www.userchrome.org/

oidualc
źródło
1

Działa to dla mnie po aktualizacji 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;
}

użytkownik3053389
źródło
1

Dzięki za pomoc!

Musiałem to trochę zmienić, ale teraz jest idealnie!

To jest mój plik „userChrome.css”, teraz:

@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;
}
Paulo Horta
źródło
1

W Gnome dla Firefox 65 ten userChrome działa najlepiej dla mnie.

próbka z użytkownikiem 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;
}
Alex
źródło
0

Jeśli chcesz mieć przyciski w kolejności stylu ubuntu

Zamknij - min. - maks

następnie musisz dodać jedną właściwość do rozwiązania @PauloHortas z góry do css

.titlebar-buttonbox {
   direction: ltr;
}

ale potem działa idealnie ładnie z Firefoksem 73 i Ubuntu 19.10

użytkownik157697
źródło