Hier der Link für den Beitrag im Forum:
https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122538
Etwas detaillierter habe ich es zusammen mit 2002Andreas hier gemacht:
https://github.com/Endor8/userChr…ster/userChrome
Mfg.
Endor
Hier der Link für den Beitrag im Forum:
https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122538
Etwas detaillierter habe ich es zusammen mit 2002Andreas hier gemacht:
https://github.com/Endor8/userChr…ster/userChrome
Mfg.
Endor
Endor: Vielen Dank! Da werde ich mich mal dran langhangeln und es versuchen...
VG Krabato
dass man da nicht mehr durchblickt
Naja, das wäre zumindest eine Menge fummelei dann. :wink:
Beispiel gleich am Anfang von deinem Code. Erst hast du 28px als Höhe:
#tabbrowser-tabs{
--tabs-lines: 3; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
--tab_min_width_mlt: 120px;/* Mindeste Tabbreite */
--tab_max_width_mlt: 120px;/* Maximale Tabbreite */
--tab-min-height_mlt: var(--tab-min-height,28px);
}
Und hier willst du nur 25px haben:
/* Diese Zeilen eingefügt für niedrigere Tab-Höhe */
#tabbrowser-tabs {
--tab-min-height: 25px !important; /*das ist die Tab-Höhe*/
margin-left: 0px !important;
height: 25px !important; /*Was macht dieser Wert?*/
}
Und so müsste man praktisch fast jeden Eintrag in deinem Code prüfen und auch testen.
oh weh... tja, das kommt dabei raus, wenn man hier was kopiert und dort was kopiert.... :oops:
Aber das Ergebnis gefällt mir im Moment ganz gut, bis auf die Punkte unter #1.
Oder ist das "schlecht" für meinen FF?
Noch eine Frage: Ich habe gerade in dem einen Link zu den Skript-Vorbereitungen gelesen:
"Jedem sollte aber klar sein, dass die Verwendung der Scripte tendenziell unsicher(er) ist!"....
Was bedeutet das.... ??? Ist die Sicherheit beim Surfen im Internet dann nicht mehr so sicher?
Was kann passieren...?
2002Andreas: Würdest du denn trotzdem mal über die css schauen und ggf. Änderungen/Anpassungen vornehmen?
Oder reicht es, wenn ich nur die weiteren Css-Codes für die noch fehlenden Punkte einfüge?
Ist die Sicherheit beim Surfen im Internet
Nein. Gemeint ist damit, Mozilla könnte diese Möglichkeit der Scripte eines Tages evtl. verhindern.
Würdest du denn trotzdem mal über die css schauen
Ich habe nur einiges mal etwas angepasst. Wenn du mal testen möchtest:
/* Tableiste mehrreihig */
#tabbrowser-tabs{
--tabs-lines: 3; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
--tab_min_width_mlt: 160px;/* Mindeste Tabbreite */
--tab_max_width_mlt: 160px;/* Maximale Tabbreite */
--tab-min-height_mlt: var(--tab-min-height,23px);
}
/* Diese Zeilen eingefügt für niedrigere Tab-Höhe */
#tabbrowser-tabs {
--tab-min-height: 23px !important; /*das ist die Tab-Höhe*/
margin-left: 0px !important;
height: 23px !important; /*Was macht dieser Wert?*/
}
/*nicht aktiviert, da es komisch aussieht...!!!: Tabs abgerundet und Hintergrundfarbe
.tab-background {
border-radius: 10px 10px 0px 0px !important;
border-image: none !important;
border-left: 0px solid !important;
border-right: 0px solid !important;
border-top: 0px solid !important;
background-color: #000000 !important;
}
Tabs abgerundet und Hintergrundfarbe ENDE*/
/*Ungelesene Tabs kursiv*/
/* Italicize inactive tabs */
#TabsToolbar .tabbrowser-tab:not([selected]).tab-content {
font-style: italic !important;
}
/*TABs farblich unterscheiden ANFANG*/
/* Tab, normal */
.tabbrowser-tab .tab-content {
background: aquamarine !important;
color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[visuallyselected="true"].tab-content {
background: green !important;
color: black !important;
}
/* Ungelesenes Tab / Tab, in welchem (noch) kein Link angewählt wurde */
.tabbrowser-tab[notselectedsinceload="true"] .tab-content {
background: yellow !important;
color: black !important;
}
/* Tab, entladen / (noch) nicht geladen */
.tabbrowser-tab[pending="true"] .tab-content{
background: #B7F4F3 !important;
color: black !important;
}
/* Letztes Tab */
.tabbrowser-tab[last-visible-tab="true"] .tab-content {
background: lightseagreen !important;
color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[selected='true'].tab-content {
background: #F465B4 !important;
color: black !important;
}
/* Das Tab vor dem aktiven Tab > Wozu das gut sein soll, weiss ich nicht... */
.tabbrowser-tab[beforeselected-visible="true"].tab-content{
background: rebeccapurple !important;
color: black !important;
}
/*TABs farblich unterscheiden ENDE*/
.tab-line[selected="true"],.tab-line:not([selected="true"]) {
display:none!important;
}
/* .tab-close-button.close-icon{ */
/* margin-right:8px!important; */
/* } */
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
direction: ltr;
mask-image: linear-gradient(to left, transparent, black 0em)!important;
}
.tabbrowser-tab .tab-content{
border:1px solid grey!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,.tab-background {
min-height: var(--tab-min-height_mlt);
}
.tabs-newtab-button {
margin-left:2px!important;
vertical-align: bottom !important;
height: var(--tab-min-height_mlt);
}
.tab-stack {
width: 105%;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
overflow-x: collapse !important;
overflow-y: auto !important;
min-height: var(--tab-min-height_mlt);
max-height: calc( var(--tabs-lines) * var(--tab-min-height_mlt) ) !important;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow-x: collapse;
overflow: visible;
display: block;
}
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#TabsToolbar #alltabs-button,
.tabbrowser-tab:not([fadein]){
display: none;
}
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag !important;
}
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
opacity: 1 !important;
}
#tabbrowser-tabs * {
overflow-x: none !important;
}
#main-window[customizing] #tabbrowser-tabs .scrollbox-innerbox {
display: block !important;
}
#tabbrowser-tabs .scrollbox-innerbox {
-moz-padding-end: 4px !important;
}
#TabsToolbar[currentset^="tabbrowser-tabs,new-tab-button"] #tabbrowser-tabs .scrollbox-innerbox {
-moz-padding-end: 10px !important;
}
/*NEU**** für Tableiste unter anderen Leisten*/
/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
-moz-box-ordinal-group: 100 !important;
}
/* space above tabs toolbar */
#main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
margin-top: -8px !important;
}
/* space for menubar above navigation toolbar (Firefox titlebar) */
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 24px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 24px !important;
}
/* add 'drag' feature to space above navigation toolbar */
#main-window[tabsintitlebar] #navigator-toolbox,
#main-window[tabsintitlebar] #nav-bar {
-moz-window-dragging: drag !important;
}
/* move menubar to the top and extend its with to full window width */
#toolbar-menubar {
position: fixed !important;
width: 100vw !important;
-moz-window-dragging: drag !important;
}
/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
visibility: visible !important;
display: block !important;
}
/* menubar postion after moving to the top */
#toolbar-menubar {
top: 0px !important;
}
/* Linux/macOS */
/* space above navigation toolbar (OS titlebar) */
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
margin-top: 28px !important;
}
/* menubar postion in maximized mode after moving to the top */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
top: 0px !important;
}
/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: -14px !important;
}
/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
margin-top: 18px !important;
}
/* set to '0', if no menubar is used */
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 32px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
top: 8px !important;
}
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 8px !important;
}
}
/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
border-top: 0 !important;
box-shadow: unset !important;
}
/* force buttons on menubar being very small to not break the toolbar */
#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#toolbar-menubar > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#toolbar-menubar > toolbarbutton .toolbarbutton-icon {
padding: 0px 0px !important;
height: 16px !important;
width: 16px !important;
}
#toolbar-menubar toolbaritem > toolbarbutton,
#toolbar-menubar > toolbarpaletteitem toolbarbutton,
#toolbar-menubar > toolbarbutton {
position: relative !important;
padding: 0px 0px !important;
margin: 0px 0px !important;
}
#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon {
padding: unset !important;
height: unset !important;
width: unset !important;
}
/* make sure button icon colors set correctly */
#main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
-moz-padding-start: 0px !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
display: none !important;
}
/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
display: none !important;
}
/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
@media all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-buttonbox-container {
display: none !important;
}
}
@media not all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: -8px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 0px !important;
}
}
}
/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
#main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
#main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
background-color: Highlight !important;
color: HighlightText !important;
}
}
/* disable Mozillas tab jumping nonsense when moving tabs */
#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;
}
/*NEU**** für Tableiste unter anderen Leisten - ENDE*/
Alles anzeigen
Das betrifft aber noch nicht alle deine Fragen.
Nein. Gemeint ist damit, Mozilla könnte diese Möglichkeit der Scripte eines Tages evtl. verhindern.
Krabato: Hintergrund dessen ist eigentlich, dass Mozilla userChrome.css-Code und Benutzerskripte offiziell nicht unterstützt und somit bei der Entwicklung von Firefox darauf keine Rücksicht nimmt. Im einfachsten Fall führt das dazu, dass beim Erscheinen einer neuen Firefox-Version irgendein CSS-Code oder Skript plötzlich nicht mehr funktioniert. Meistens lässt sich das dank der Forumsexperten beheben, bis zum nächsten Problem. Bei der nächsten Firefox-Version wird es dann wieder spannend.
Bei der nächsten Firefox-Version wird es dann wieder spannend.
Zur Beruhigung: bis zur Zeit einschließlich Firefox 67 Nightly funktionieren Codes und Scripts
ok, weiss ich Bescheid, dann kann ich mich ja mal an die Skipte wagen
2002Andreas: Dein Script ist löst mein Problem, dass nun wieder die "Schließen-Buttons" in jedem Tab angezeigt werden und nicht nur im aktiven Tab.
Leider sind mir die Tabs aber zu breit, es kann ruhig weniger Schrift angezeigt werden...
Und zwischen den Tabreihen sind nun seeehr breite graue Zwischenabstände...
Neuer Test:
/* Tableiste mehrreihig */
#tabbrowser-tabs{
--tabs-lines: 3; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
--tab_min_width_mlt: 120px;/* Mindeste Tabbreite */
--tab_max_width_mlt: 120px;/* Maximale Tabbreite */
--tab-min-height_mlt: var(--tab-min-height,25px);
}
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
direction: ltr;
mask-image: linear-gradient(to left, transparent, black 0em)!important;
}
.tabbrowser-tab{
border:1px solid grey!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,.tab-background {
min-height: var(--tab-min-height_mlt);
}
.tabs-newtab-button {
margin-left:-2px!important;
vertical-align: bottom !important;
height: var(--tab-min-height_mlt);
}
.tab-stack {
width: 95%;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
overflow-x: collapse !important;
overflow-y: auto !important;
min-height: var(--tab-min-height_mlt);
max-height: calc( var(--tabs-lines) * var(--tab-min-height_mlt) ) !important;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow-x: collapse;
overflow: visible;
display: block;
}
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#TabsToolbar #alltabs-button,
.tabbrowser-tab:not([fadein]){
display: none;
}
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag !important;
}
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
opacity: 0 !important;
}
#tabbrowser-tabs * {
overflow-x: none !important;
}
#main-window[customizing] #tabbrowser-tabs .scrollbox-innerbox {
display: block !important;
}
#tabbrowser-tabs .scrollbox-innerbox {
-moz-padding-end: 4px !important;
}
#TabsToolbar[currentset^="tabbrowser-tabs,new-tab-button"] #tabbrowser-tabs .scrollbox-innerbox {
-moz-padding-end: 10px !important;
}
/*Ungelesene Tabs kursiv*/
/* Italicize inactive tabs */
#TabsToolbar .tabbrowser-tab:not([selected]) {
font-style: italic !important;
}
/*TABs farblich unterscheiden ANFANG*/
/* Tab, normal */
.tabbrowser-tab .tab-content {
background: aquamarine !important;
color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[visuallyselected="true"].tab-content {
background: green !important;
color: black !important;
}
/* Ungelesenes Tab / Tab, in welchem (noch) kein Link angewählt wurde */
.tabbrowser-tab[notselectedsinceload="true"] .tab-content {
background: yellow !important;
color: black !important;
}
/* Tab, entladen / (noch) nicht geladen */
.tabbrowser-tab[pending="true"] .tab-content{
background: #B7F4F3 !important;
color: black !important;
}
/* Letztes Tab */
.tabbrowser-tab[last-visible-tab="true"] .tab-content {
background: lightseagreen !important;
color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[selected='true'].tab-content {
background: #F465B4 !important;
color: black !important;
}
/* Das Tab vor dem aktiven Tab > Wozu das gut sein soll, weiss ich nicht... */
.tabbrowser-tab[beforeselected-visible="true"].tab-content{
background: rebeccapurple !important;
color: black !important;
}
/*TABs farblich unterscheiden ENDE*/
.tab-line[selected="true"],.tab-line:not([selected="true"]) {
display:none!important;
}
.tab-close-button.close-icon{
margin-right:-2px!important;
}
.tab-close-button.close-icon{
display: -moz-box !important;
}
/*NEU**** für Tableiste unter anderen Leisten*/
/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
-moz-box-ordinal-group: 100 !important;
}
/* space above tabs toolbar */
#main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
margin-top: -8px !important;
}
/* space for menubar above navigation toolbar (Firefox titlebar) */
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 40px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-
bar {
margin-top: 6px !important;
}
/* add 'drag' feature to space above navigation toolbar */
#main-window[tabsintitlebar] #navigator-toolbox,
#main-window[tabsintitlebar] #nav-bar {
-moz-window-dragging: drag !important;
}
/* move menubar to the top and extend its with to full window width */
#toolbar-menubar {
position: fixed !important;
width: 100vw !important;
-moz-window-dragging: drag !important;
}
/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
visibility: visible !important;
display: block !important;
}
/* menubar postion after moving to the top */
#toolbar-menubar {
top: 10px !important;
}
/* Linux/macOS */
/* space above navigation toolbar (OS titlebar) */
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
margin-top: 18px !important;
}
/* menubar postion in maximized mode after moving to the top */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
top: 0px !important;
}
/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"])
.titlebar-buttonbox-container {
top: 4px !important;
}
/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-
version:windows-win7) {
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
margin-top: 8px !important;
}
/* set to '0', if no menubar is used */
#main-window[tabsintitlebar][sizemode="maximized"]:not
([sizemode="fullscreen"]) #nav-bar {
margin-top: 4px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
top: 8px !important;
}
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-
container {
top: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not
([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 8px !important;
}
}
/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
border-top: 0 !important;
box-shadow: unset !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
-moz-padding-start: 0px !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"])
.titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~
#TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
display: none !important;
}
/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
display: none !important;
}
/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
@media all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-
buttonbox-container {
display: none !important;
}
}
@media not all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-
container {
top: -8px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not
([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 0px !important;
}
}
}
/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
#main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not
([disabled="true"]),
#main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-
menuactive="true"]:not([disabled="true"]) {
background-color: Highlight !important;
color: HighlightText !important;
}
}
/* disable Mozillas tab jumping nonsense when moving tabs */
#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;
}
/*NEU**** für Tableiste unter anderen Leisten - ENDE*/
Alles anzeigen
Jetzt sind sie zu hoch und noch ein bischen zu breit.
Soll alles klein und kompakt sein...Aber noch übersichtlich
Wo müßte ich denn "dran schrauben", um diese Änderungen selber auszuprobieren?
Du hattest ja schon geschrieben, dass ich die Höhe zweimal drin habe und beides anpassen muss...
Höhe und Breite ändern sollte pauschal hiermit im ersten Code funktionieren:
Also, schmaler werden sie (habe min und max width gerade mal auf 100 geändert, jetzt gefällt's )
Aber wenn ich die tab-min-height auf z.B. 15 ändere tut sich nichts...
ok, kann man den Close-Button noch etwas nach rechts schieben?
Und wie ändere ich die Tabhöhe? - Ging mit tab-min-height nicht...
nach rechts schieben?
Teste mit ändern von diesem Wert:
wie ändere ich die Tabhöhe?
Da fummele ich gerade dran rum, wahrscheinlich muss noch ein max Wert eingetragen werden :-??
PS:
Ich bin aber kein Fachmann dafür :wink:
Neuer Versuch:
/* Tableiste mehrreihig */
#tabbrowser-tabs{
--tabs-lines: 3; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
--tab_min_width_mlt: 120px;/* Mindeste Tabbreite */
--tab_max_width_mlt: 120px;/* Maximale Tabbreite */
--tab-max-height_mlt: var(--tab-max-height,18px);
}
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
direction: ltr;
mask-image: linear-gradient(to left, transparent, black 0em)!important;
}
.tabbrowser-tab{
border:1px solid grey!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,.tab-background {
min-height: var(--tab-max-height_mlt);
}
.tabs-newtab-button {
margin-left:-2px!important;
vertical-align: bottom !important;
height: 25px!important;
}
.tab-stack {
width: 95%;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
overflow-x: collapse !important;
overflow-y: auto !important;
min-height: var(--tab-max-height_mlt);
max-height: calc( var(--tabs-lines) * var(--tab-max-height_mlt) ) !important;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow-x: collapse;
overflow: visible;
display: block;
}
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#TabsToolbar #alltabs-button,
.tabbrowser-tab:not([fadein]){
display: none;
}
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag !important;
}
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
opacity: 0 !important;
}
#tabbrowser-tabs * {
overflow-x: none !important;
}
#main-window[customizing] #tabbrowser-tabs .scrollbox-innerbox {
display: block !important;
}
#tabbrowser-tabs .scrollbox-innerbox {
-moz-padding-end: 4px !important;
}
#TabsToolbar[currentset^="tabbrowser-tabs,new-tab-button"] #tabbrowser-tabs .scrollbox-innerbox {
-moz-padding-end: 10px !important;
}
/*Ungelesene Tabs kursiv*/
/* Italicize inactive tabs */
#TabsToolbar .tabbrowser-tab:not([selected]) {
font-style: italic !important;
}
/*TABs farblich unterscheiden ANFANG*/
/* Tab, normal */
.tabbrowser-tab .tab-content {
background: aquamarine !important;
color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[visuallyselected="true"].tab-content {
background: green !important;
color: black !important;
}
/* Ungelesenes Tab / Tab, in welchem (noch) kein Link angewählt wurde */
.tabbrowser-tab[notselectedsinceload="true"] .tab-content {
background: yellow !important;
color: black !important;
}
/* Tab, entladen / (noch) nicht geladen */
.tabbrowser-tab[pending="true"] .tab-content{
background: #B7F4F3 !important;
color: black !important;
}
/* Letztes Tab */
.tabbrowser-tab[last-visible-tab="true"] .tab-content {
background: lightseagreen !important;
color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[selected='true'].tab-content {
background: #F465B4 !important;
color: black !important;
}
/* Das Tab vor dem aktiven Tab > Wozu das gut sein soll, weiss ich nicht... */
.tabbrowser-tab[beforeselected-visible="true"].tab-content{
background: rebeccapurple !important;
color: black !important;
}
/*TABs farblich unterscheiden ENDE*/
.tab-line[selected="true"],.tab-line:not([selected="true"]) {
display:none!important;
}
.tab-close-button.close-icon{
margin-right:-2px!important;
}
.tab-close-button.close-icon{
display: -moz-box !important;
}
/*NEU**** für Tableiste unter anderen Leisten*/
/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
-moz-box-ordinal-group: 100 !important;
}
/* space above tabs toolbar */
#main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
margin-top: -8px !important;
}
/* space for menubar above navigation toolbar (Firefox titlebar) */
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 40px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-
bar {
margin-top: 6px !important;
}
/* add 'drag' feature to space above navigation toolbar */
#main-window[tabsintitlebar] #navigator-toolbox,
#main-window[tabsintitlebar] #nav-bar {
-moz-window-dragging: drag !important;
}
/* move menubar to the top and extend its with to full window width */
#toolbar-menubar {
position: fixed !important;
width: 100vw !important;
-moz-window-dragging: drag !important;
}
/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
visibility: visible !important;
display: block !important;
}
/* menubar postion after moving to the top */
#toolbar-menubar {
top: 10px !important;
}
/* Linux/macOS */
/* space above navigation toolbar (OS titlebar) */
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
margin-top: 18px !important;
}
/* menubar postion in maximized mode after moving to the top */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
top: 0px !important;
}
/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"])
.titlebar-buttonbox-container {
top: 4px !important;
}
/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-
version:windows-win7) {
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
margin-top: 8px !important;
}
/* set to '0', if no menubar is used */
#main-window[tabsintitlebar][sizemode="maximized"]:not
([sizemode="fullscreen"]) #nav-bar {
margin-top: 4px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
top: 8px !important;
}
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-
container {
top: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not
([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 8px !important;
}
}
/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
border-top: 0 !important;
box-shadow: unset !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
-moz-padding-start: 0px !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"])
.titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~
#TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
display: none !important;
}
/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
display: none !important;
}
/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
@media all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-
buttonbox-container {
display: none !important;
}
}
@media not all and (-moz-windows-compositor) {
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-
container {
top: -8px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not
([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 0px !important;
}
}
}
/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
#main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not
([disabled="true"]),
#main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-
menuactive="true"]:not([disabled="true"]) {
background-color: Highlight !important;
color: HighlightText !important;
}
}
/* disable Mozillas tab jumping nonsense when moving tabs */
#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;
}
/*NEU**** für Tableiste unter anderen Leisten - ENDE*/
Alles anzeigen
Jetzt ist die Höhe super! - was hast du jetzt geändert?
Die angepinnten Tabs könnten noch etwas kleiner(in der Breite) werden...
Wenn ich jetzt 3 Tableisten öffne, sind aber nur 2 sichtbar die dritte kann nur über scrollen erreicht werden...
Obwohl ich doch gleich oben am Anfang die tabs-lines: 3 drin habe...
was hast du jetzt geändert?
Ich habe aus:
--tab-min-height_mlt: var(--tab-min-height,25px);
jetzt:
--tab-max-height_mlt: var(--tab-max-height,18px);
gemacht, und überall dann den Code angepasst.
oben am Anfang die tabs-lines: 3 drin habe.
Ändere das bitte mal auf 6
Die angepinnten Tabs
Muss ich sehen ob ich dafür auch eine Lösung finde.
Die angepinnten Tabs
Teste bitte mal, noch schmaler bekomme ich die nicht: