@wojtekadams
Blog (443)
Komentarze (5k)
Recenzje (0)

Firefox Quantum: naprawiamy - zakładki znów na dole

@wojtekadamsFirefox Quantum: naprawiamy - zakładki znów na dole17.11.2017 21:31

Wtorek 14.11.2017 można określić jako dzień przeglądarki Firefox 57. Większość portali o tematyce IT pisała właśnie o tym nowym, przynoszącym wiele zmian wydaniu. Na DP zajęło się, aż trzech ludków: b.munro, o.zio i wielkipiec. Teksty wyskakiwały jeden po drugim i wyglądało to zabawnie - jakby nic innego na Świecie się nie działo. Dla niektórych to była wielka rewolucja, kamień milowy, odwrócenie głowy w stronę Słońca. A dla mnie to kolejny numerek w mojej ulubionej przeglądarce...

Nojnowsza aktualizacja dla Firefox 113 na dole!

Ważne, że nadal strony otwiera, szkoda że piwa nie podaje;)

Jedno co mi się nie podobało to zmiany, które dosłownie zabiły sporo świetnych dodatków, a szczególnie jednego Classic Theme Restorer, który odwracał największą głupotę jaka istnieje we wszystkich dzisiejszych przeglądarkach internetowych. Czyli przesunięcie paska zakładek nad pasek adresu! Nie wiem kto na to wpadł i czym się kierował, ale u mnie tym pomysłem sympatii nie zdobył. CTR naprawiał tą felerną zmianę jednym kliknięciem, ale teraz w wersji 57 już nie działa. Buuu!

Więc trzeba nauczyć się z tym żyć, ale to życie nie jest łatwe... Dlatego powstał ten wpis, aby poprawić jakość Twojego bytu drogi czytelniku. Zakładki mogą wrócić na swoje miejsce. Wystarczy zastosować się do kilku prostych kroków:

  • Kliknąć w przycisk "Menu" (takie 3 poziome kreski w prawej części okna przeglądarki)
  • Wybieramy Pomoc i opcję eutanazji... A tak serio "Informacje dla pomocy technicznej". Teraz powinna nam się otworzyć nowa zakładka.
  • W niej wciskamy przycisk "Otwórz katalog". To nas poprowadzi do folderu, w którym znajduje się nasz profil użytkownika.
  • Tworzymy folder o nazwie "chrome" (jeśli istnieje to wchodzimy do niego)
  • Zaś w nim kreujemy (tworzymy) plik o nazwie "userChrome.css", otwieramy go w notatniku i wklejamy do niego poniższą treść:
#nav-bar {
    border-top-width: 0px !important;
    -moz-box-ordinal-group: 1 !important;
}

#PersonalToolbar { 
    -moz-box-ordinal-group: 2 !important;
}
#TabsToolbar { 
    -moz-box-ordinal-group: 3 !important;
}

(rozwiązanie działa dla Windows, Linux i tego od Appla)

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
color: #000 !important;
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
 display: block !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 33px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
 --tab-min-height: 33px !important; /* needs to be the same as above under :root */
 --tab-min-width: 80px !important;
}

#TabsToolbar {
 height: var(--tab-min-height) !important;
 margin-bottom: 1px !important;
 box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
 background-color: var(--toolbar-bgcolor) !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
 position: fixed !important;
 right: 0 !important;
 top: calc(6px + var(--tab-min-height)) !important;
 display: block !important;
 visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}
i Voila, życie znów jest lepsze ;)

Aktualizacja dla Firefox 73+

Było tak:

A jest tak:

A jak nie działa!!! Co zrobić???

Prawdopodobnie trzeba odblokować funkcję własnych styli, czyli toolkit.legacyUserProfileCustomizations.stylesheets w konfiguracji naszego Firefoxa. Aby to zrobić, w pasku adresu wpisujemy about:config, akceptujemy ryzyko ;) i szukamy wspomnianej opcji. Potem pozostaje nam tylko ją ustawić true i zrestartować przeglądarkę. 

about:config > toolkit.legacyUserProfileCustomizations.stylesheets > true

Na prośbę jednego z użytkowników: podwójny pasek zakładek - działa w Firefox 70 i wyżej

/* Multi-Row Bookmarks Toolbar */
#PersonalToolbar {
/* Provide room for up to 2 rows  (one row = 26px) */
min-height: 52px !important;
}
#PlacesToolbarItems > box {
display: block !important;
}
#PersonalToolbar #PlacesToolbarItems {
display: inline-block !important;
/* Override hiding */
overflow-x: visible !important;
overflow-y: visible !important;
/* Add a little cushion */
padding-bottom: 1px;
}

#PersonalToolbar #PlacesToolbarItems .bookmark-item {
/* Reduce padding on individual bookmarks to fit rows closer together */
margin-top: 1px !important;
margin-bottom: 1px !important;
}

Aktualizacja dla wersji 89

W związku z aktualizacją blogów na DP nie mam możliwości wklejenia czytelnego  kodu #CSS, więc możecie go ściągnąć z mojego Pastebin.com lub skorzystać GitHuba autora rozwiązania, tamże znajduje dużo więcej modyfikacji dla aktualnych wersji Liska.  

:root{--uc-titlebar-padding:0px}@media (-moz-os-version:windows-win10){:root[sizemode=maximized][tabsintitlebar]{--uc-titlebar-padding:8px}}#TabsToolbar>.titlebar-buttonbox-container,#toolbar-menubar[autohide=true]>.titlebar-buttonbox-container{position:fixed;display:block;top:var(--uc-titlebar-padding,0);right:0;height:40px}@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){:root{--uc-titlebar-padding:0px!important}.titlebar-buttonbox-container{left:0;right:unset!important}}:root[uidensity=compact] #TabsToolbar>.titlebar-buttonbox-container{height:32px}#toolbar-menubar[inactive]>.titlebar-buttonbox-container{opacity:0}#navigator-toolbox{padding-top:var(--uc-titlebar-padding,0)!important}.titlebar-buttonbox-container>.titlebar-buttonbox{height:100%}#titlebar{-moz-box-ordinal-group:2;-moz-appearance:none!important;--tabs-navbar-shadow-size:0px}#TabsToolbar .titlebar-spacer,.titlebar-placeholder{display:none}#navigator-toolbox::after{display:none!important}@media (-moz-gtk-csd-close-button){.titlebar-button{-moz-box-orient:vertical}}toolbox#navigator-toolbox>toolbar#nav-bar.browser-toolbar{animation:none}#navigator-toolbox:hover #TabsToolbar{animation:slidein ease-out 48ms 1}:root:not([sizemode=fullscreen]){--uc-window-control-width:0px!important}#navigator-toolbox{padding-top:calc(29px + var(--uc-titlebar-padding,0px))!important}:root[sizemode=fullscreen] #navigator-toolbox{padding-top:0!important}#toolbar-menubar{position:fixed;display:flex;top:var(--uc-titlebar-padding,0);height:29px;width:100%;overflow:hidden}#toolbar-menubar>.titlebar-buttonbox-container{height:29px;order:100}#toolbar-menubar>[flex]{flex-grow:100}#toolbar-menubar>spacer[flex]{order:99;flex-grow:1;min-width:var(--uc-window-drag-space-width,20px)}#toolbar-menubar .titlebar-button{padding:2px 17px!important}#toolbar-menubar .toolbarbutton-1{--toolbarbutton-inner-padding:3px}

Aktualizacja dla Firefox 113 (18.05.2023)

W związku z mega dużą ilością próśb o aktualizację wpisu wrzucam nowy kod CSS dla najnowszej wersji Firefoxa! Kod znajdziecie w serwsie Pastebin.com.

Pozdrawiam z wakacji :)

Ktoś pytał ostatnio o kota? To jest kot, mój kot - Szajba.

Jeśli chcesz być na bieżąco z moimi poradami to zapraszam do polubienia mojej strony na Facebooku.

© dobreprogramy·Redakcja·Regulamin·Polityka prywatności·Reklama·Kontakt
Szanowna Użytkowniczko! Szanowny Użytkowniku!
×
Aby dalej móc dostarczać coraz lepsze materiały redakcyjne i udostępniać coraz lepsze usługi, potrzebujemy zgody na dopasowanie treści marketingowych do Twojego zachowania. Twoje dane są u nas bezpieczne, a zgodę możesz wycofać w każdej chwili na podstronie polityka prywatności.

Kliknij "PRZECHODZĘ DO SERWISU" lub na symbol "X" w górnym rogu tej planszy, jeżeli zgadzasz się na przetwarzanie przez Wirtualną Polskę i naszych Zaufanych Partnerów Twoich danych osobowych, zbieranych w ramach korzystania przez Ciebie z usług, portali i serwisów internetowych Wirtualnej Polski (w tym danych zapisywanych w plikach cookies) w celach marketingowych realizowanych na zlecenie naszych Zaufanych Partnerów. Jeśli nie zgadzasz się na przetwarzanie Twoich danych osobowych skorzystaj z ustawień w polityce prywatności. Zgoda jest dobrowolna i możesz ją w dowolnym momencie wycofać zmieniając ustawienia w polityce prywatności (w której znajdziesz odpowiedzi na wszystkie pytania związane z przetwarzaniem Twoich danych osobowych).

Od 25 maja 2018 roku obowiązuje Rozporządzenie Parlamentu Europejskiego i Rady (UE) 2016/679 (określane jako "RODO"). W związku z tym chcielibyśmy poinformować o przetwarzaniu Twoich danych oraz zasadach, na jakich odbywa się to po dniu 25 maja 2018 roku.

Kto będzie administratorem Twoich danych?

Administratorami Twoich danych będzie Wirtualna Polska Media Spółka Akcyjna z siedzibą w Warszawie, oraz pozostałe spółki z grupy Wirtualna Polska, jak również nasi Zaufani Partnerzy, z którymi stale współpracujemy. Szczegółowe informacje dotyczące administratorów znajdują się w polityce prywatności.

O jakich danych mówimy?

Chodzi o dane osobowe, które są zbierane w ramach korzystania przez Ciebie z naszych usług, portali i serwisów internetowych udostępnianych przez Wirtualną Polskę, w tym zapisywanych w plikach cookies, które są instalowane na naszych stronach przez Wirtualną Polskę oraz naszych Zaufanych Partnerów.

Dlaczego chcemy przetwarzać Twoje dane?

Przetwarzamy je dostarczać coraz lepsze materiały redakcyjne, dopasować ich tematykę do Twoich zainteresowań, tworzyć portale i serwisy internetowe, z których będziesz korzystać z przyjemnością, zapewniać większe bezpieczeństwo usług, udoskonalać nasze usługi i maksymalnie dopasować je do Twoich zainteresowań, pokazywać reklamy dopasowane do Twoich potrzeb. Szczegółowe informacje dotyczące celów przetwarzania Twoich danych znajdują się w polityce prywatności.

Komu możemy przekazać dane?

Twoje dane możemy przekazywać podmiotom przetwarzającym je na nasze zlecenie oraz podmiotom uprawnionym do uzyskania danych na podstawie obowiązującego prawa – oczywiście tylko, gdy wystąpią z żądaniem w oparciu o stosowną podstawę prawną.

Jakie masz prawa w stosunku do Twoich danych?

Masz prawo żądania dostępu, sprostowania, usunięcia lub ograniczenia przetwarzania danych. Możesz wycofać zgodę na przetwarzanie, zgłosić sprzeciw oraz skorzystać z innych praw wymienionych szczegółowo w polityce prywatności.

Jakie są podstawy prawne przetwarzania Twoich danych?

Podstawą prawną przetwarzania Twoich danych w celu świadczenia usług jest niezbędność do wykonania umów o ich świadczenie (tymi umowami są zazwyczaj regulaminy). Podstawą prawną przetwarzania danych w celu pomiarów statystycznych i marketingu własnego administratorów jest tzw. uzasadniony interes administratora. Przetwarzanie Twoich danych w celach marketingowych realizowanych przez Wirtualną Polskę na zlecenie Zaufanych Partnerów i bezpośrednio przez Zaufanych Partnerów będzie odbywać się na podstawie Twojej dobrowolnej zgody.