Beiträge von Krabato

Krabato

Hallo nochmals,

ich würde mich wirklich sehr freuen, wenn jemand mal über meinen Code schauen könnte und die Punkte in #1 wieder in Ordnung bringen könnte...

Krabato

Falls der Code oben auch nicht übermittelt wurde, hier auch nochmals:

CSS

/* Tableiste mehrreihig */
@-moz-document url(chrome://browser/content/browser.xhtml) {

[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
padding-top: 8px !important;
}

#titlebar,#tabbrowser-tabs {
appearance: none !important;
}

[tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
#main-window[inFullscreen="true"] #window-controls {
display: block;
}

/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */
box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox { display: block; }
scrollbox[part][orient="horizontal"] {
display: flex;
flex-wrap: wrap;
max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 3 Zeilen */
overflow-x: hidden;
overflow-y: auto;
}

tabs tab[fadein]:not([pinned]) {
flex-grow: 1;
}

tabs tab,.tab-background {
height: var(--tab-min-height);
overflow: hidden;
}

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

box[class="scrollbox-clip"][orient="horizontal"] {
-moz-window-dragging: no-drag;
}

hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]) {
display: none;
}

/* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
tabs tab[fadein]:not([pinned]) {
min-width: 150px !important;/* Minimale Tabbreite 76px */
max-width: 150px !important;/* Maximale Tabbreite 225px */
}
}

/* Buttons/Zwischenräume Ausblenden */
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]), 
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] { 
    display: none; 
}
tabs tab {
    border-left: solid 1px hsla(0,0%,50%,.5);
    border-right: solid 1px hsla(0,0%,50%,.5);
}
tabs tab:after,tabs tab:before { display: none;}

/* #TabsToolbar:not(:-moz-lwtheme){ 
    color: black !important;
} */
#TabsToolbar > .titlebar-buttonbox-container {
    display: none !important;
}    

/* -----------------------------*/
/* Tab: Optische Anpassungen    */
/* -----------------------------*/

#tabbrowser-tabs :not([fokus]){
    opacity: 1!important;
}

/* Schriftart/Schriftgröße ändern */
.tabbrowser-tab .tab-label {
    text-shadow: 1px 1px 0px #000000 !important;    
    font-weight: 500 !important;
    font-size:   12px !important;
    font-family: "Arial" !important;
}

.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
    text-shadow: none !important; 
}
   
.tabbrowser-tab .tab-label[selected="true"] {
    text-shadow: 1px 1px 0px #000000 !important;
    font-weight: 500 !important;
    font-size:   12px !important; 
    font-family: "Arial" !important; 
}

/* Inaktive Tabs Schrift kursiv */
.tabbrowser-tab:not([selected]) {
    font-style: italic !important;
}
    
/* Aktiver Tab */
.tabbrowser-tab[selected] .tab-content {
    background: rgba(255,46,250,1) !important;
    color: white !important;
}
.tabbrowser-tab[selected] .tab-content:hover{
    background: yellow !important;
    color: blue !important; 
}

/* Tab ungelesen */
.tabbrowser-tab[pending] .tab-content{    
    background:  rgba(0,37,255,0.39) !important;
    color: yellow !important;
}
.tabbrowser-tab[pending] .tab-content:hover{
    background: orange !important;
}

/* Tab gelesen */
.tabbrowser-tab .tab-content {
    background: rgba(0,234,255,0.38) !important;
    color: white !important; 
}
.tabbrowser-tab .tab-content:hover {
    background: orange !important;
    color: white !important; 
}




/* Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
}

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 28px !important;
    max-height: 28px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

/* Tab-Rahmen entfernen */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
    background: unset !important;
    border-top: unset !important;
    outline: none !important;
}

/* Tab-Schließen-Button entfernen *//*
.tabbrowser-tab .tab-close-button {
  visibility: collapse !important;
}
*/

/************* Tabschliessen-Button ****************/
.tab-close-button.close-icon{
    display: -moz-box !important;
    width: 20px; height: 20px !important;
    border: none !important;
    background-color: none !important;
}

.tab-close-button {
    color: white !important; /* Farbe des Kreuzes */
}

Alles anzeigen

Krabato

Upps... sorry... hier nochmal: (komisch - bei mir sehe ich die Bilder auch im 1. Post....)

Abstände Lesezeichentabs:

So sah es vorher aus (habe ich von einem Rechner, wo sich Firefox zum Glück noch nicht aktualisiert hat...):

So sieht es jetzt aus:

Krabato

Hallo,

und mal wieder hat mir das Update zu 89.0 alles zerschossen...

Würde mir bitte jemand helfen und mal über meinen Code drüberschauen?

- Die Tabs sind jetzt etwas zu hoch, die Schrift in den Tabs ist ganz unten... Mittig wäre schöner und etwas niedrigere Tabs...

- Dann ist ober- und unterhalb der Multi-Tableiste nun sehr viel "Platz", es wäre schön, wenn das wieder zusammenrutschen würde...

- Das "Schließen-Kreuz" in den Tabs ist etwas zu klein geworden... etwas größer wäre schön, damit man nicht so genau "zielen" muss...

- Und die angehefteten Tabs sind etwas zu breit....

- Die Abstände in den Lesezeichen-Ordnern sind zu weit auseinander (das wurde hier im Forum ja auch schon diskutiert)...

camp-firefox.de/attachment/30672/

- Und mir ist gerade aufgefallen, dass ich nicht mehr mit STRG mehrere Tabs markieren kann, um sie zu löschen, klonen, etc.... Kann man das wieder ändern?

So sah es vorher aus (habe ich von einem Rechner, wo sich Firefox zum Glück noch nicht aktualisiert hat...):

camp-firefox.de/attachment/30669/

So sieht es jetzt aus:

camp-firefox.de/attachment/30670/

Mein Code:

CSS

/* Tableiste mehrreihig */
@-moz-document url(chrome://browser/content/browser.xhtml) {

[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
padding-top: 8px !important;
}

#titlebar,#tabbrowser-tabs {
appearance: none !important;
}

[tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
#main-window[inFullscreen="true"] #window-controls {
display: block;
}

/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */
box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox { display: block; }
scrollbox[part][orient="horizontal"] {
display: flex;
flex-wrap: wrap;
max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 3 Zeilen */
overflow-x: hidden;
overflow-y: auto;
}

tabs tab[fadein]:not([pinned]) {
flex-grow: 1;
}

tabs tab,.tab-background {
height: var(--tab-min-height);
overflow: hidden;
}

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

box[class="scrollbox-clip"][orient="horizontal"] {
-moz-window-dragging: no-drag;
}

hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]) {
display: none;
}

/* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
tabs tab[fadein]:not([pinned]) {
min-width: 150px !important;/* Minimale Tabbreite 76px */
max-width: 150px !important;/* Maximale Tabbreite 225px */
}
}

/* Buttons/Zwischenräume Ausblenden */
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]), 
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] { 
    display: none; 
}
tabs tab {
    border-left: solid 1px hsla(0,0%,50%,.5);
    border-right: solid 1px hsla(0,0%,50%,.5);
}
tabs tab:after,tabs tab:before { display: none;}

/* #TabsToolbar:not(:-moz-lwtheme){ 
    color: black !important;
} */
#TabsToolbar > .titlebar-buttonbox-container {
    display: none !important;
}    

/* -----------------------------*/
/* Tab: Optische Anpassungen    */
/* -----------------------------*/

#tabbrowser-tabs :not([fokus]){
    opacity: 1!important;
}

/* Schriftart/Schriftgröße ändern */
.tabbrowser-tab .tab-label {
    text-shadow: 1px 1px 0px #000000 !important;    
    font-weight: 500 !important;
    font-size:   12px !important;
    font-family: "Arial" !important;
}

.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
    text-shadow: none !important; 
}
   
.tabbrowser-tab .tab-label[selected="true"] {
    text-shadow: 1px 1px 0px #000000 !important;
    font-weight: 500 !important;
    font-size:   12px !important; 
    font-family: "Arial" !important; 
}

/* Inaktive Tabs Schrift kursiv */
.tabbrowser-tab:not([selected]) {
    font-style: italic !important;
}
    
/* Aktiver Tab */
.tabbrowser-tab[selected] .tab-content {
    background: rgba(255,46,250,1) !important;
    color: white !important;
}
.tabbrowser-tab[selected] .tab-content:hover{
    background: yellow !important;
    color: blue !important; 
}

/* Tab ungelesen */
.tabbrowser-tab[pending] .tab-content{    
    background:  rgba(0,37,255,0.39) !important;
    color: yellow !important;
}
.tabbrowser-tab[pending] .tab-content:hover{
    background: orange !important;
}

/* Tab gelesen */
.tabbrowser-tab .tab-content {
    background: rgba(0,234,255,0.38) !important;
    color: white !important; 
}
.tabbrowser-tab .tab-content:hover {
    background: orange !important;
    color: white !important; 
}




/* Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
}

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 28px !important;
    max-height: 28px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

/* Tab-Rahmen entfernen */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
    background: unset !important;
    border-top: unset !important;
    outline: none !important;
}

/* Tab-Schließen-Button entfernen *//*
.tabbrowser-tab .tab-close-button {
  visibility: collapse !important;
}
*/

/************* Tabschliessen-Button ****************/
.tab-close-button.close-icon{
    display: -moz-box !important;
    width: 20px; height: 20px !important;
    border: none !important;
    background-color: none !important;
}

.tab-close-button {
    color: white !important; /* Farbe des Kreuzes */
}

Alles anzeigen

Vielen Dank im Voraus!

Krabato

Hab Zeilenumbruch gerade mal aktiviert, dann sieht es zwar anders aus, aber er hängt immer noch alles hintereinander weg...

Ist es denn richtig, dass ich zum Kopieren auf dieses "2-Blätter-Icon" zum "Inhalt kopieren" klicke?

Krabato

Ich glaub ich steh auf dem Schlauch... das gab doch noch nie Probleme...

Aber jetzt sieht es so aus:

Zitat von 2002Andreas

Vor dem Einfügen des neuen Codes musst du den alten vorhandenen Code erst mit STRG + A markieren, und dann durch den neuen Code überschreiben lassen.

das mache ich auch....

Trotzdem sieht es dann so aus...

Kopiere ich falsch?

Krabato

2002Andreas: Vielen Dank für die Änderungen

Dumme Frage: Ich habe auf diese zwei Blätter rechts oben in der Ecke des Codes geklickt und dann Strg+V in meiner userChrome.css aber dann hängt er mir den Text hintereinanderweg...

Wie kopiere ich das richtig?

Krabato

@Sören und Boersenfeger: Vielen Dank für die Links - da werde ich mal nachforschen...

Aber ihr habt schon recht: Mit der userChrome.css bzw. den Skripten kann man (wenn man sich auskennt) viel mehr herausholen.

Es ist halt aber (leider) so, dass ich mich z.B. überhaupt nicht auskenne und immer dastehe, wie ein Ochs vorm Scheunentor, wenn es wieder ein FF Update gibt und meine schöne Tableiste wieder zerschossen wird...

Ich liebe es, viele Tabs offen zu haben, um vieles einfach "im Blick" zu haben und so ist dieses Feature für mich seeehr wichtig.

Von daher bin ich Euch hier im Forum so dermaßen dankbar, dass ich mich hier immer wieder mit Fragen an Euch (alle) wenden darf und man so schnell und unkompliziert Hilfe bekommt - das ist einfach super!

Habt Ihr noch Tips zu den Tab-Farben?

Krabato

TabMixPlus war trotzdem einfach nur super! Irgendwann hieß es noch, man plant ein "Comeback"... wißt Ihr, ob das noch aktuell ist?

Krabato

Betreffend der Farben habe ich eine alte noch abgespeicherte userChrome.css gefunden in der u.a. folgender Code enthalten war:

CSS

/*TABs farblich unterscheiden ANFANG*/
/* Tab, normal */
.tabbrowser-tab .tab-content {
    background: aquamarine !important;
    color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[selected='true'] .tab-content {
    background: #F465B4 !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 - DEAKTIVIERT!
.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;
}

Alles anzeigen

Ich habe gerade mal als Theme Standard eingestellt, aber es zeigte sich eigentlich das gleiche Bild: grau bei hover, blau der aktive, aber man sieht z.B. nicht, welche Tabs neu sind und welche ich schon angesehen habe...

Krabato

Code

ok, dankeschön. Werde mit den Werten mal rumspielen...

Stimmt, das mit den Farben hat auch vorher nicht hingehauen... Ich kann mich nicht mehr erinnern, seit welcher Version es nicht mehr ging...

Kann der Code denn so verändert werden, dass das wieder funktioniert? Oder geht das einfach nicht mehr?

Krabato

Sorry, war auf Arbeit und etwas unterwegs...

So, habe es getestet...

Die drei Zeilen sind wieder da! Vielen Dank!

Es sind allerdings etwas mehr als drei Zeilen... wo muß ich den Wert evtl. nochmal anpassen, um mich an die genauen drei Zeilen ranzutasten?

Und noch eine kurze Frage: Ich dachte, ich hätte einen code drin, der mir die Tabs farblich verändert, wenn ich sie angesehen habe. Aber irgendwie tut's das nicht... oder habe ich da was falsch in Erinnerung?

Krabato

So sieht es mit FF80 aus... 3 sichtbare Zeilen und Scrollbar rechts...

Krabato

bitteschön

Da wo die eine Zeile jetzt ist, waren es vorher 3 sichtbare Zeilen...

Krabato

ok, also, mit meiner userChrome.css hatte ich vor dem Update eine Multirow-Tableiste (oben), von denen ich 3 Zeilen sehen konnte mit Scrollbalken rechts.

Nun jedoch ist sie zwar immer noch Multirow und ich kann auch noch scrollen (allerdings ohne Balken rechts, nur mit Maus-Scrollen), aber ich sehe nur noch eine Zeile....

Krabato

Hallo und guten Abend...

es hätte ein so schöner Abend werden können... wenn sich mein FF nicht wiedermal geupdated hätte und meine Multirow-Tableiste jetzt (wiedermal) nicht mehr funktioniert.

Ich habe im Forum nach Hilfe gesucht, aber noch nichts gefunden.... (?)

Meine Userchrome.css sieht folgendermaßen aus:

CSS

/* -----------------------*/
/* Mehrzeilige Tabreihen  */
/* -----------------------*/

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 28px !important;
    max-height: 28px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
 /* Feste Breite  des einzelnem Tabs */
.tabbrowser-tab:not([pinned]) {
    min-width: 130px !important; 
}
/* Platz für Scrollbar schaffen */
.tabbrowser-tabs {
  margin-right: -41px !important;
}

tabs > arrowscrollbox { 
    display: block; 
}
scrollbox[part][orient="horizontal"] {
    display: flex;
    flex-wrap: wrap; 
    overflow: visible !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-height: 30px !important; /* Tab-Höhe(28px) + 2px */
    max-height: calc( 3 * 30px ) !important;  /* Anzahl der Tabreihen * Minimal-Höhe */
    -moz-window-dragging: no-drag !important;
}

/* Buttons/Zwischenräume Ausblenden */
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]), 
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] { 
    display: none; 
}
tabs tab {
    border-left: solid 1px hsla(0,0%,50%,.5);
    border-right: solid 1px hsla(0,0%,50%,.5);
}
tabs tab:after,tabs tab:before { display: none;}

#TabsToolbar:not(:-moz-lwtheme){ 
    color: black !important;
}
#TabsToolbar > .titlebar-buttonbox-container {
    display: none !important;
}    

/* -----------------------------*/
/* Tab: Optische Anpassungen    */
/* -----------------------------*/

#tabbrowser-tabs :not([fokus]){
    opacity: 1!important;
}

/* Schriftart/Schriftgröße ändern */
.tabbrowser-tab .tab-label {
    text-shadow: 1px 1px 0px #000000 !important;    
    font-weight: 500 !important;
    font-size:   12px !important;
    font-family: "Arial" !important;
    color: white !important;
}
.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
    text-shadow: none !important; 
    color: black !important; 
}
.tabbrowser-tab .tab-label[selected="true"] {
    text-shadow: 1px 1px 0px #000000 !important;
    color: white !important; 
    font-weight: 500 !important;
    font-size:   12px !important; 
    font-family: "Arial" !important; 
}

/* Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
}

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 28px !important;
    max-height: 28px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

/* Tab-Rahmen entfernen */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
    background: unset !important;
    border-top: unset !important;
    outline: none !important;
}

/* Tab-Schließen-Button entfernen *//*
.tabbrowser-tab .tab-close-button {
  visibility: collapse !important;
}
*/

/************* Tabschliessen-Button ****************/
.tab-close-button.close-icon{
    display: -moz-box !important;
    width: 20px; height: 20px !important;
    border: none !important;
    background-color: none !important;
}

.tab-close-button {
    color: white !important; /* Farbe des Kreuzes */
}      

/* Tab-Icon ausrichten *//*
.tab-throbber:not([pinned]),
.tab-sharing-icon-overlay:not([pinned]),
.tab-icon-pending:not([pinned]),
.tab-icon-image:not([pinned]) 
{
  margin-top: -1px !important;
}
*/
/*------------------*/
/* Tab-Hintergrund  */
/*------------------*/

/*--- selektiert ---*/
.tab-background[selected=true]:not(:-moz-lwtheme) > spacer {
    background-image:  linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important; /* blau */
    /*background-image:  linear-gradient( rgba(230,175,175,1), rgba(84,25,25,1) ),  none !important;*/  /* rot */
    filter: drop-shadow(4px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-4px 3px 2px rgba(0,0,0,0.33)) !important; 
}
.tab-background[selected=true]:-moz-lwtheme > spacer {
    background-image:  linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), none !important;
    filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-2px 3px 2px rgba(0,0,0,0.33)) !important; 
}

/*--- hover(nicht selektiert) ---*/
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
    background-image:  linear-gradient( rgba(255,255,255,1), rgba(115,115,115,1) ),  none !important; 
    filter: brightness(130%) contrast(95%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important; 
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):-moz-lwtheme > spacer {
    background-image:  linear-gradient( rgba(225,225,225,0.66), rgba(100,125,145,0.66) ),  none !important; 
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}

/*--- nicht selektiert ---*/
.tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
    background-image:  linear-gradient( rgba(255,255,255,1), rgba(125,125,125,1) ),  none !important; 
    filter: brightness(115%) contrast(90%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important; 
}
.tab-background:not([selected=true]):-moz-lwtheme > spacer {
    background-image:  linear-gradient( rgba(255,255,255,0.33), rgba(110,110,110,0.33) ),  none !important; 
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}

/*--- Multi-selektiert ---*/
.tab-background[multiselected=true]:not([selected=true]) > spacer {
    background-image:  linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background[multiselected=true]:not([selected=true]) > spacer {
    background-image:  linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important; 
}

Alles anzeigen

Ich würde mich seeehr freuen, wenn Ihr dort mal drüberschauen würdet, und die nötigen Änderungen für FF81 vornehmen würdet.

Vielen herzlichen Dank für Eure Mühe im Voraus!

Krabato

Krabato

in #47 haben Deine Tabs aber wahrscheinlich noch eine Breite von 234px?

Krabato

2002Andreas: bei mir waren die Kreuze weg... auch mit deinem Zusatz-Code... wahrscheinlich waren sie/war es bei dir sichtbar, weil du nur einen Tab geöffnet hattest und dieser zwangsläufig der aktive war?

FuchsFan: Der Code funktioniert, VIELEN DANK! Vielleicht magst Du nochmal Deinen gesamten css-Code hier einstellen? Dein FF sehr gut aus

Danke nochmals an alle, die sich hier so toll engagieren! Hut ab - Einfach klasse, diese Unterstützung!

(nach dem Update auf 71 habe ich schon wieder die Hände über'm Kopf zusammengeschlagen... aber dass das hier so schnell wieder gelöst wird, ist einfach super!)

Krabato

jetzt weiß ich woran es liegt, dass bei mir die "Schließen-Kreuze/Button" in den einzelnen Tabs verschwunden sind...

Mir waren die Tabs zu breit und ich habe die Breite von 234 auf 130 angepaßt..

CSS

 /* Feste Breite  des einzelnem Tabs */
.tabbrowser-tab:not([pinned]) {
    min-width: 130px !important; 
}

Jetzt gefällt mir die Breite, aber das Kreuz ist weg...

Vielleicht könntet ihr doch nochmal schauen, ob man da was "machen kann"?

Danke im voraus!

Ich nehme an, dass man an der Überlappung der Internetseite beim Code "Tableiste unten" nichts weiter ändern kann?!?

Krabato

@BrokenHeart

Ich habe jetzt erstmal Deinen 2. Code genommen

Herzlichen Dank dafür!

Kannst du evtl. noch ergänzen, dass auch in den inaktiven Tabs das "schließen-Kreuz/button" zu sehen ist?

Im Moment muss man den Tab erst aktivieren und kann ihn dann schließen.

Ich würde gerne inaktive Tabs mit einem Klick schließen können

Beiträge von Krabato

Multirow-Tableiste mit userChrome.css anpassen für FF 89.0

Multirow-Tableiste mit userChrome.css anpassen für FF 89.0

Multirow-Tableiste mit userChrome.css anpassen für FF 89.0

Multirow-Tableiste mit userChrome.css anpassen für FF 89.0

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Multirow-Tableiste mit userChrome.css funktioniert nicht mehr in FF81

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen