"cpe do horní lišty" - pche, to neni žádný šetření prostorem a navíc je to nepřehledný ...
Když si nainstalujete do FF doplněk Tree Style Tab verze. 2.2.3 tak máte taby vertikálně vpravo (lze i v levo) šetří to místo a je to opravdu přehledné (navíc ve stromově struktuře).
To chrome neumí a nevypadá to, že by to v dohledné době uměl ... nemám důvod přecházet.
Taby vlevo jsou super, jenže žádný z pluginů pro FF 56 a více, nedovulje zobrazení jako mrtvý Tab center z Test Pilotu a to tak, že jsou vidět jen favikonky webů, něco jako když nyní uděláte Pin Tab akorát pod sebe. Tohle Tree Style Tab ani Tab Center Redux nedovuljí, čimž jsou pro mě tyhle addony nepoužitelný. Takže taby v horizontální liště jsou sice prehistorie ale bohužel asi jediný co se dá rozumně používat :-(
Ten Tab Center Redux by to možná mohl umět. V jeho nastavení jde totiž přidávat vlastní CSS pravidla pro jeho stylování, viz https://github.com/eoger/tabcenter-redux/wiki/Custom-CSS-tweaks.
jop taky pouzivam a na chrome jsem zkousel nejakou alternativu, ale chova/chovala se dost debilne.
Kazdopadne treestyletab nastesti funguje, ale ted prozmenu ty horizontalni nejdou vypnout (nevim jak), takze tam mam zbytecne jak vertikalni v stromove strukture, tak horizontalni..
N askrývání horizontální tab lišty (nebo tabů v titulku) ještě není API, mělo by být v draftu a nejspíš bude přidáno v nějaké další verzi.
Teď je potřeba editovat .mozilla/firefox/{profil}/chrome/userChrome.css
plný popis zde: https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules#for-version-2x
můj soubor
[source,css]
#TabsToolbar, #sidebar-header {
visibility: collapse !important;
}
#TabsToolbar {
margin-bottom: -21px !important;
}
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
display: none;
}
.closebox {
display: none
}
.tab:hover .closebox {
display: block;
}
.tab {
padding-top: 0px;
padding-bottom: 0px;
}
/* Show title of unread tabs with italic font */
.tab.unread .label {
font-weight: bold;
}
/* You can make `.tab` even tighter: */
.tab .icon {
padding-top: 0px; /* reducing it by 2px */
padding-bottom: 0px;
}
:root {
--tab-height: 5px; /* reducing it by 4px */
}