Jak ukryć pasek kart (pasek zakładek) w przeglądarce Firefox 57+ Quantum

56

Jak ukryć / wyłączyć / usunąć pasek kart w przeglądarce Firefox 57+ („Quantum”)?

Celem jest całkowite ukrycie paska kart. Przydatne, jeśli zostaną sparowane z rozszerzeniami, takimi jak „Karta stylu drzewa”.

Uwaga: podobnie wygląda pytanie: Firefox ukrywa wszystko oprócz obszaru zawartości przeglądarki, ale nie jest poprawnie podzielony na logicznie niezależne zadania. Jest też przestarzały.

VasyaNovikov
źródło
Dla informacji OP dodałem nową odpowiedź w łączonym pytaniu, która używa, userChrome.cssale ma inną nazwę elementu i identyfikator.
clearkimura,
Oto narzędzia programistyczne do znajdowania identyfikatorów elementów i stylów testowania na żywo: reddit.com/r/FirefoxCSS/comments/73dvty/…
Tim Abell

Odpowiedzi:

63
  1. Otwórz swój „profil” w Firefoksie
  2. Utwórz katalog, chrome/jeśli nie istnieje
  3. Utwórz plik w chrome/userChrome.cssśrodku, jeśli nie istnieje.
  4. Dodaj ten tekst do pliku:

    #TabsToolbar { visibility: collapse !important; }
    
  5. Upewnij się, że konfiguracja toolkit.legacyUserProfileCustomizations.stylesheetsjest ustawiona na true(wymagana dla Firefox69 +, wersja stabilna od września 2019 r.), Zobacz ten samouczek .

  6. Zapisz plik i załaduj ponownie Firefox. Nie powinieneś już widzieć paska kart.

Rozwiązanie PS częściowo pobrane stąd: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

VasyaNovikov
źródło
9
Oto prostszy sposób na otwarcie katalogu z profilem: support.mozilla.org/en-US/kb/…
thSoft
To wygląda trochę brzydko, gdzie znalazłeś układ DOM (skąd wiesz, jak go używać #tabbrowser-tabs)? W systemie OSX myślę, że wymaga to minimalnej wysokości (lub czegoś takiego) i.imgur.com/oJOinx4.png
Hayd
Ustawienie #TabsToolbar { height: 40px; }wydaje się zrobić podstęp , wydaje się bez znaczenia jakiej wysokości umieścić tam, więc coś dziwnego się dzieje. Uwaga: znalazłem tutaj identyfikatory .
hayd
1
@hayd dzięki za komentarze! Wypróbowałem twoje rozwiązanie w systemie Linux, ale nie zadziałało. Działa to jednak: #TabsToolbar { visibility: collapse !important; } czy możesz przetestować ten kod w systemie operacyjnym, aby sprawdzić, czy działa? (Dobrze byłoby znaleźć wspólne rozwiązanie, które działa na dowolnym systemie operacyjnym).
VasyaNovikov
1
Selektory CSS zmieniły się ponownie w Firefox 66. Oto nowy CSS, który działa świetnie na macOS: gist.github.com/stevelandeyasana/…
Steve Landey
9

Chcę, aby pasek kart automatycznie ukrywał się, gdy jest 1 karta, i pojawia się, gdy jest ich wiele. Nie to samo co pytanie, ale dotyczy to teraz jedynego wyniku Google dla 57+, więc dla tych, którzy go potrzebująuserChrome.css

#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { min-height: 0 !important; }
#tabbrowser-tabs tab { height: var(--tab-min-height); }
#tabbrowser-tabs tab:first-of-type:last-of-type { display: none !important; }
aaron-bru
źródło
W przeglądarce Firefox 59 ten plik userChrome.css nie działa poprawnie: ostatnia karta jest ukryta, ale +przycisk jest nadal widoczny, a zatem wyświetlany jest cały region karty.
gioele
2
@gioele Powinno działać, jeśli przejdziesz do Dostosuj Firefox i przeciągniesz przycisk nowej karty poza pasek kart, można go umieścić na głównym pasku narzędzi lub menu. Jeśli naprawdę tego chcesz, nie próbowałem tego, ponieważ nie używam tego przycisku, ale jeśli ktoś go wymyśli, mogę edytować odpowiedź.
aaron-bru
Rzeczywiście działa po usunięciu +przycisku.
gioele
8

Niestety, ta szczególna personalizacja interfejsu użytkownika nie jest obecnie możliwa za pośrednictwem obsługiwanych dodatków API obsługiwanych przez Firefox Quantum; prawidłowe rozwiązanie będzie możliwe po rozwiązaniu błędu 1332447 .

Do tego czasu poprawka VasyaNovikov userChrome.cssdziała, chociaż edycja tego pliku jest zdecydowanie na własne ryzyko, nieoficjalnie obsługiwaną opcją.

Callahad
źródło
1

Przeanalizowałem odpowiedź VasyaNovikov w sposób, w jaki można uruchomić na moim systemie Linux i OS X, mam nadzieję, że pomoże to każdemu innemu posiadającemu kilka komputerów osobistych. Chcę również zauważyć, że po zastosowaniu jego odpowiedzi przycisk Wstecz będzie znajdować się pod przyciskiem zamykania w OS X. Poprawka polega na wstawieniu trzech elastycznych spacji do paska narzędzi (kliknij prawym przyciskiem myszy pasek narzędzi, wybierz Dostosuj ..., a następnie wstaw trzy spacje, aby przycisk Wstecz przesunął się w prawo).

Jeśli ktoś ma odpowiedni CSS do wstawienia do userChrome.css w celu osiągnięcia równoważnego efektu na przycisku Wstecz, byłoby to bardzo mile widziane.

użytkownik821800
źródło
1

Dodaj do userChrome.css

#TabsToolbar {
    visibility: collapse;
}

#titlebar {
    margin-bottom: -25px !important;
}

#titlebar-buttonbox {
    height: 32px !important;
}

#nav-bar {
    margin-right: 42px;
}

#main-window[sizemode="maximized"] #nav-bar {
    margin-right: 42px;
}

Działa na Firefox 70.0, ale _ □ Xich brakuje.

Łubosław Kanev
źródło