Firefox, rozszerzenie, karty w wielu rzędach

Czy ktoś ma namiar na rozszerzenie, które wyświetla karty w kilku wierszach gdy te przestają się mieścić w jednym?

Są takie kombajny, jak Tab Mix Plus czy Tabs Kit, ale mają dodatkowo 69 innych opcji, niepotrzebnie zamulają Firefoksa no i nie da się wyłączyć części ich funkcjonalności (np. grupowania w TK) - a ja potrzebują tylko i wyłącznie dodać to, co w pierwszym akapicie.

W sieci znalazłem też mini CSS, który należy wkleić do userChrome.css - niestety, totalnie rozwala to pasek zakładek, zapewne było pisane do starszej wersji FF.

Przesiadłem się na nowy komp i dwa nowe monitory, rzeźnicko panoramiczne i wygodniej mi było je obrócić o 90 stopni, w związku z czym mam rozdziałkę 1080x1920px, a to troszkę za wąsko jak na ilość zakładek w pracy - stąd powyższa potrzeba.

No i co się chwalisz jakie masz w pracy monitory? :)
Ładnie to tak?

Czy ja wiem, czy chwalę.. akurat gorąco nie polecam takich monitorów, więc nie widzę w tym chwalenia się :)

Pozwól szanowny kolego, że przytoczę Ciebie:

"Przesiadłem się na nowy komp i dwa nowe monitory, rzeźnicko panoramiczne i wygodniej mi było je obrócić o 90 stopni, w związku z czym mam rozdziałkę 1080x1920px"

Gwoli wyjaśnienia: ja nie posiadam dwóch nowiutkich monitorków FullHD z Pivotem i do tego nowego kompa :)

Pozdrowienia

ok, to pozwolę sobie na zmianę opisu problemu:

Kazano mi w pracy porzucić sprawdzony sprzęt i przesiąść się na niewygodnie panoramiczne ekrany, które ciężko ustawić czy to w poziomie czy to w pionie. Mniejszym złem było ustawienie w pionie co sprawiło, że szerokość mego ekranu to tylko 1080px. W związku z tym potrzeba mi rozszerzyć liczbę wierszy zakładek w FF z jednego do kilku.

:)

należy wkleić do userChrome.css
minusem kodu jest sztywna ilość wierszy.

/* Tab Browser, replaces the horizontal arrowscrollbox
 * with an overflow scroll panel, such as in:
 * http://userstyles.org/styles/481
 */

 /* These are the values to change the box height.
  */
 tabs.tabbrowser-tabs
  {
    height: 116px !important;
    max-height: 116px !important;
    min-height: 116px !important;
  }
 tabs.tabbrowser-tabs .tabbrowser-arrowscrollbox,
 tabs.tabbrowser-tabs .tabbrowser-arrowscrollbox > scrollbox,
 tabs.tabbrowser-tabs .tabbrowser-arrowscrollbox > scrollbox > box
  {
    /* Less than height of the tabbrowser,
     * line it up with the bottom of yours.
     */
    height: 112px !important;           /* wysokość pola ze scrollem [ilość wierszy*(wysokość karty+3px)] */
    max-height: 112px !important;       /* w tym wypadku: 4 wiersze*(25px wysokość karty+3px)=112px */
    min-height: 112px !important;
  }

 /* hide the scroll arrows and alltabs button */
 .tabs-alltabs-stack,
 tabs.tabbrowser-tabs .scrollbutton-up,
 tabs.tabbrowser-tabs .scrollbutton-down-stack
  {
    display: none !important;
  }

 /* box default */
 tabs.tabbrowser-tabs,
 tabs.tabbrowser-tabs .tabbrowser-arrowscrollbox,
 tabs.tabbrowser-tabs .tabbrowser-arrowscrollbox > scrollbox
  {
    display: -moz-box !important;
    padding: 0 !important;
  }
 tabs.tabbrowser-tabs .tabbrowser-arrowscrollbox > scrollbox > box
  {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow-y: auto !important;
    padding: 0 0 0 1px !important;
  }

 /* tab default */
 tab.tabbrowser-tab
  {
    display: -moz-box !important;
    height: 25px !important;   /* wysokość karty */
    margin-bottom: 1px !important;
    margin-left: 0 !important;
    margin-right: 1px !important;
    margin-top: 1px !important;
    padding: 0 !important;
    -moz-box-sizing: border-box !important;

    border: 1px solid !important;
    
    -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight !important;
    -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important;
    -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important;
    -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight !important;
    
    -moz-border-radius: 0 !important;
  }
 tab.tabbrowser-tab .tab-close-button, 
 tab.tabbrowser-tab .tab-image-left, 
 tab.tabbrowser-tab .tab-image-middle, 
 tab.tabbrowser-tab .tab-image-right, 
 tab.tabbrowser-tab .tab-text 
  {
    margin: 0 !important;
    padding: 0 !important;
  }
 tab.tabbrowser-tab .tab-text 
  {
    min-width: 100px !important;  /* szerokość karty */
  }

/* Selected tabs */
 tab.tabbrowser-tab[selected="true"]
  {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 1px !important;
    margin-top: 1px !important;

    border: 2px solid !important;
    -moz-border-bottom-colors: ThreeDLightShadow ThreeDHighlight !important;
    -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow !important;
    -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow !important;
    -moz-border-right-colors: ThreeDLightShadow ThreeDHighlight !important;
    -moz-border-radius: 0 !important;
  }

Pozdrawiam
Paweł Dmitruk

Właśnie obawiałem się o sztywną ilość wierszy..
ciekawe czy da się zrobić dynamiczną czystym CSS, czy trzeba zaprzęgać JS

ale dzięki, zobaczę co się z tym da zrobić

http://www.howtogeek.com/howto/internet/firefox/make-firefox-use-multiple-rows-of-tabs/ ?

wygląda na to, że wspomniany przez Ciebie TabMixPlus właśnie to robi :)

Tak, ale robi też wiele innych rzeczy, których nie da się wyłączyć, a które mi psują FF. Spróbuję zajrzeć w źródło w wolnym czasie :)

Jako, że kod tego rozszerzenia jest nieco zawiły, to wysłałem maila do autora. W odpowiedzi dostałem info (wydźwięk lekkiego oburzenia), że dynamiczna ilość wierszy to nie jest mały fragment rozszerzenia i nie przewiduje wyjęcia go do osobnego rozszerzenia..

A niestety, sam nie ogarniam jeszcze zasady tworzenia rozszerzeń i ciężko mi wyciąć co niepotrzebne.