Jump to content

Firefox 76 - Karty w wielu wierszach


Recommended Posts

Firefox 76 - mały poradnik.
(dawniej Firefox 57 - mały poradnik)

 

Poniższa porada nie działa już w FIREFOX 76

Spoiler

1) Karty w wielu wierszach

 

Wpisz poniższy kod w pliku: userChrome.css. :

Gdzie znajdę "userChrome.css" ?
W profilu Firefox, katalog Chrome.
Jeśli tam nie ma, to trzeba go utworzyć.

 

 

#TabsToolbar .tabbrowser-arrowscrollbox,
#TabsToolbar .arrowscrollbox-scrollbox,
#TabsToolbar .scrollbox-innerbox {
  display: block !important;
}

.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
  display: none !important;
}

.tabbrowser-tab {
  min-height: var(--tab-min-height) !important;
  vertical-align: bottom !important;
}

 

dfbhs6a.png

 

 

 

2) Szerokość kart w FF

Jeśli okaże się, że karty w FF są zbyt małej szerokości, to proponuję szybką korektę tej niedogodności.
W przeglądarce FF, w polu adresów  wpisujemy kod:
about:config

następnie wpisujemy kod:
browser.tabs.tab

 

ustawić wartość na "140" lub inną wygodną dla siebie, zmiany są od razu widoczne.

 

beztytuuoxs6e.jpg

 

informacje zaczerpnięte z:
http://mozillapl.org/forum/viewtopic.php?f=15&t=49363#
https://mozillapl.org/forum/viewtopic.php?f=15&t=49381

 

informacje zaczerpnięte z:
http://mozillapl.org/forum/viewtopic.php?f=15&t=49363#
https://mozillapl.org/forum/viewtopic.php?f=15&t=49381

 

Edited by Blondie
Link to post
Share on other sites
  • 2 weeks later...

Ktoś miał styczność z programami zastępczymi dla Multi Links Plus? Snap Links Plus wydaje się działać jeśli chodzi o otwieranie wielu linków na raz, ale nie bardzo jarzę w jaki sposób zmusić go do dodania wszystkich zaznaczonych linków bezpośrednio do zakładek zamiast ich otwierać... Co prawda mogę je dodać po otwarciu za pomocą alt+shift+d, ale to trochę droga na około...

Link to post
Share on other sites
  • 4 weeks later...
  • 2 years later...

Odświeżenie tematu.
Ponieważ w wersji FIREFOX 76 (aktualnie ta, którą mam) nie działa powyższy sposób wyświetlania kart w wielu wierszach, poniżej załączam sposób na włączenie tego udogodnienia w przeglądarce.

1) Trzeba stworzyć plik o nazwie: tabs_multiple_lines_fx71.css
2) Skopiować poniższy tekst ze spoiler do tego pliku:

Spoiler

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

/****************************************************************************************/
/* multirow / multiple tab lines - modified for CustomCSSforFx **************************/
/* all credits go to the original authors: **********************************************/
/* https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css */
/****************************************************************************************/


/* NOTE  ********************************************************************************/
/* Variables are set inside '.\config\' folders CSS files, if complete package is used! */

:root{
  --tabs-lines: 3;
  --tab_min_width_mlt: 150px;
  --tab_max_width_mlt: 200px;
  --tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */
}

#tabbrowser-tabs{
  min-height: unset !important;
  padding-inline-start: 0px !important;
}

/* Selectors for Firefox 71+ */
/* These are not tabs toolbar specific but horizontal scrollbox isn't used elsewhere, except in bookmarks toolbar but there it doesn't have [part] attribute since it's not in shadow-root */
@-moz-document url(chrome://browser/content/browser.xhtml){
  .scrollbutton-up[orient="horizontal"][part]~spacer,
  .scrollbutton-up[orient="horizontal"][part],
  .scrollbutton-down[orient="horizontal"][part]{
      display: none !important;
  }

  scrollbox[part][orient="horizontal"]{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
  }
}

/* Test for Firefox > 66 */
@supports (inset-block:auto){
  #tabbrowser-tabs > :-moz-any(.tabbrowser-arrowscrollbox,#tabbrowser-arrowscrollbox) > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
  }
  #tabbrowser-tabs > :-moz-any(.tabbrowser-arrowscrollbox,#tabbrowser-arrowscrollbox) {
    overflow: -moz-hidden-unscrollable;
    display: block;
    margin-bottom:-1px !important;
  }
 
  :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
    height: var(--tab-min-height_mlt) !important;
  }
}

/* Test for Firefox < 66 */
@supports not (inset-block:auto){
  #tabbrowser-tabs > :-moz-any(.tabbrowser-arrowscrollbox,#tabbrowser-arrowscrollbox){
    min-height: unset !important;
  }
  #tabbrowser-tabs .scrollbox-innerbox{
    display: flex;
    flex-wrap: wrap;
  }
  #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}

.tabbrowser-tab{
  height: var(--tab-min-height_mlt);
}

#tabbrowser-tabs .tabbrowser-tab[pinned]{
  position: static !important;
  margin-inline-start: 0px !important;
}

.tabbrowser-tab[fadein]:not([pinned]) {
  flex-grow: 1;
  min-width: var(--tab_min_width_mlt) !important;
  max-width: var(--tab_max_width_mlt) !important;
}

.tabbrowser-tab > stack{
  width: 100%;
  height: 100%;
}

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{
  display: none !important;
}

#tabbrowser-tabs[overflow="true"] > :-moz-any(.tabbrowser-arrowscrollbox,#tabbrowser-arrowscrollbox) > :-moz-any(.tabs-newtab-button,#tabs-newtab-button),
#tabbrowser-tabs:not([hasadjacentnewtabbutton]) > :-moz-any(.tabbrowser-arrowscrollbox,#tabbrowser-arrowscrollbox) > :-moz-any(.tabs-newtab-button,#tabs-newtab-button),
#TabsToolbar[customizing="true"] #tabbrowser-tabs > :-moz-any(.tabbrowser-arrowscrollbox,#tabbrowser-arrowscrollbox) > :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
  visibility: hidden !important;
}

/* hide private window indicator, window controls and titlebar placeholders */
#main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator,
#main-window[tabsintitlebar] #TabsToolbar #window-controls,
#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"],
#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] {
  display: none !important;
}
#TabsToolbar .titlebar-placeholder[type="pre-tabs"],
#TabsToolbar .titlebar-placeholder[type="post-tabs"] {
  opacity: 0 !important;
}

/* hide tab borders set by Firefox 58+ to solve 'blank space below tabs' issue */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  border-left: unset !important;
  border-image: unset !important;
  border-image-slice: unset !important;
  border: 0 !important;
}

/* Fx66+ tab close fix */
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button {
  visibility: hidden !important;
  display: block !important;
  -moz-margin-start: -18px !important;
}

/* fix scrollbar */
#main-window[tabsintitlebar] #tabbrowser-tabs {
  -moz-window-dragging: no-drag !important;
}

/*lw theme fix */
#main-window[style*='--lwt-header-image']:-moz-lwtheme {
  background-repeat: repeat-y !important;
}

3) Trzeba stworzyć plik o nazwie: tabs_multiple_lines_fx71_force_newtab_button_visibility.css
4) Skopiować poniższy tekst ze spoiler do tego pliku:

Spoiler

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


@import "./tabs_multiple_lines_fx71.css";


:root:not([customizing]) #navigator-toolbox #TabsToolbar #new-tab-button {
  display: unset !important;
  visibility: visible !important;
}

:-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
  display: none !important;
  visibility: hidden !important;
}

5) Trzeba stworzyć plik o nazwie: userChrome.css
6) Skopiować poniższy tekst ze spoiler do tego pliku:

Spoiler

@import "./tabs_multiple_lines_fx71.css";
@import "./tabs_multiple_lines_fx71_force_newtab_button_visibility.css";

7) Wszystkie pliki należy skopiować do katalogu: chrome

U mnie katalog "chrome" jest to tutaj:
C:\Users\ ... tutaj jest nazwa komputerka... \AppData\Roaming\Mozilla\Firefox\Profiles\ ...tutaj jest nazwa profilu w Firefox... \chrome

Podsumowując:
Czy to działa? Zaskakujące, bo działa bardzo dobrze.
Jedyny mankament, to taki, iż szerokość kart ustawiam po wejściu do pliku: tabs_multiple_lines_fx71.css
i dopiero tutaj zmieniam wartości:
--tab_min_width_mlt: 150px;
--tab_max_width_mlt: 200px;

na dowolne, te 150 to min, a 200 to max
- ustaw jakie ci pasują, a zmiana zadziała po restarcie przeglądarki.

 

informacje zaczerpnięte z:
https://mozillapl.org/forum/viewtopic.php?f=15&t=49363&p=245740&hilit=Karty+w+wielu+wierszach#p245740

----------------------------------------------

PS

Poniżej zamieściłem gotowe pliki do skopiowania w katalog: chrome

 

tabs_multiple_lines_fx71.css tabs_multiple_lines_fx71_force_newtab_button_visibility.css userChrome.css

Edited by Blondie
Link to post
Share on other sites

Używanie Waterfoxa czy PaleMoon ma swoje minusy, z tego co pamiętam nie działały mi niektóre gry używające logowania przez przeglądarkę (seria BF, itd) - ale nie wiem jak jest teraz, po prostu używam Firefox i nie mam problemów z archiwizacją danych.
Aktualnie robię, oprócz synchronizacji danych w chmurze w sieci Firefox, dodatkową kopię całego FF programem: MOZBACKUP: https://www.dobreprogramy.pl/szukaj.html?q=MOZBACKUP

No i chyba nie muszę informować, że wpisanie w WIN10 w sekcji "uruchom": firefox -p
możliwość dodawania, kasowania, wyboru aktywnego profilu użytkownika w FF.
To samo dotyczy Thunderbird'a - z którego także korzystam.

 

Wracając do modyfikacji, to zauważyłem mankament. Zaznaczyłem czerwoną strzałką pole, które normalnie działa bez modyfikacji - można "złapać" przeglądarkę w tym polu i upuścić gdziekolwiek. Po modyfikacji "łapanie" tego pola jest niemożliwe.
Po modyfikacji muszę kombinować "łapiąc" w innych miejscach, np. zaznaczonych zieloną strzałką.

Jak więc widać nie jest to rozwiązanie dostatecznie dobre.
Osobiście wycofałem się z modyfikacji.
Poczekam, aż kiedyś wprowadzą natywnie wiele rzędów kart roboczych.

Przechwytywanie.JPG.58c160a7fca4cf90796b873d8e0a73c0.JPG

 

 

 

Edited by Blondie
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Forum Audiofanatyk.pl

Forum audiofanatyk.pl to forum audio stworzone i prowadzone przez pasjonatów tematyki audiofilskiej. Prowadzone pod skrzydłami bloga, pozwala dzielić się opiniami i wrażeniami z odsłuchów, a także rozmawiać na tematy sprzętowe związane ze słuchawkami, kolumnami, wzmacniaczami i dowolnym innym sprzętem audio. 

×
×
  • Create New...