Beiträge von Boderike

milupo

Der von der mehrzeiligen Tableiste funktioniert nicht richtig.

Der von der Lesezeichen-Leiste darüber (die ich ja zum Testen auch ausgeblendet hatte) funtkioniert problemlos sowohl mit Mausrad als auch mit linker Maustaste.

Schöne Grüße

Boderike

Ich wollte sagen "Lesezeichen-Symbolleiste"

Hier der genaue Code dazu:

/***************************************************/
/*Mehrzeilige Lesezeichen-Symbolleiste*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
     #PersonalToolbar {
        max-height: calc(20px * 3) !important;
    }
    
    #personal-bookmarks,
    #PlacesToolbar,
    #PlacesToolbar > hbox {
        display: block !important;
    }
    
    #PersonalToolbar toolbarbutton {
        min-height: 20px !important;
        max-height: 25px !important;
    }
    
    #PlacesToolbarItems {
        max-height:60px!important;
        display: flex!important;
        flex-wrap: wrap!important;
        overflow-x: visible!important;
        overflow-y: auto!important;
    }
    
    #PlacesToolbar,
    #PersonalToolbar > scrollbar {
        -moz-window-dragging: no-drag !important;
    }
    
    #PlacesToolbar #PlacesChevron {
        display: none !important;
    }
}

Schöne Grüße

Boderike

In dem CCS-Code steht jetzt nur noch der Teil, der für die mehrzeilige Symbolleiste zuständig ist.
In MultiRowTab_LiteforFx48.uc.js steht nur das Script von Andreas aus Beitrag #27.

Daneben gibt es seit Ewigkeiten ein Script aboutconfig-button.uc.js und ein Script LesezeichenVerwaltenButton.uc.js , in denen aber nichts vorkommt, was mit Scroll-Balken zu tun.

Das Komische ist ja, dass der Scroll-Balken über beide Varianten (linke Maustaste und Mausrad) funktionierte, solange ich nur mit Andreas' CSS-Code Tabreihe mehrzeilig unten gearbeitet habe. Erst als ich mit meinem Wunsch nach dem gezielten Tab-Verschieben um die Ecke gekommen bin und das zusätzliche Script eingebaut habe, hat der Scroll-Balken angefangen rumzuzicken. Wie gesagt, ich kann aber damit leben.

Schöne Grüße

Boderike

Jungs (und Mädels?), Ihr seid klasse!

Ich habe mal ausprobiert, was Ihr so in den letzten Stunden fabriziert habt.

Meine userChrome.css Datei enthält jetzt nur noch den Code für die mehrzeilige Symbolleiste und die mehrzeilige Tableiste kommt komplett aus den Script. Die Doppelungen, von denen Andreas gestern gesprochen hatte, wären damit also raus, und das Ganze ist schön ordentlich.

Jetzt sieht das bei mir so aus:

- schöne abgerundete Tabs

- gezieltes Verschieben möglich

- der rote "Ziel"-Strich ist auch da

Der Scroll-Balken muckt allerdings immer noch und mag einfach nicht auf die linke Maustaste reagieren, weder die Bewegung per gedrückter Maustaste auf dem Balken, noch auf den Rauf/Runter-Pfeilen. Wenn ich mit gedrückter Maustaste arbeite, dann bewegt sich immer das ganze Fenster.
Ich denke, dass der Scroll-Balken nur per Mausrad bewegt werden kann, wäre aber etwas, woran ich mich einfach nur gewöhnen muss. Manchmal kann man einfach nicht alles haben...

Schöne Grüße

Boderike

Alles gut!

Du hast mir eh schon soviel geholfen!

Über die 2. } können wir reden...

Nach den Änderungen von gestern abend sieht das Ganze so aus:

Wie man erkennen kann, ist der rote Strich wieder da, aber es gibt eine eckige und eine abgerundete Ebene.

Was meinst Du damit, dass da Einträge

border-radius: 80px !important;

fehlen?

Das, was ich da in Zeile 81 ff. stehen habe, sind die 45 Zeilen aus Code in den Tread über die mehrzeiligen Tabs (siehe oben), dort Zeilen 190 bis 235.

Die einzige Stelle, an der
border-radius: 80px !important;
im "Original" sonst noch auftaucht wäre diese hier (Zeilen 165 - 173):

/* Abgerundete Ecken */
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background
{
    margin-right : -1px !important;
    background: unset;
    border-radius: 80px !important; 
    border: 1px solid rgba(0,0,0,0.1) !important;
}

Füge ich diesen Teil auch noch in die userChrome.css Datei ein, dann sieht das Ganze bei mir so aus:

Wie man vielleicht erkennen kann, ist der blaue Tab gegenüber dem grauen Teil (Vordergrund <-> Hintergrund) irgendwie verschoben und unten abgeschnitten. Der rote Strich taucht nun auch nicht mehr auf.

Die Merkwürdigkeit des Scroll-Balkens besteht allerdings nach wie vor.

Wenn ich das jetzt richtig sehe, muss ich also aufgrund dieser mysteriösen Unverträglichkeit ( wer hat je behauptet, dass im IT-Bereich immer alles logisch ist??? ) eine Entscheidung treffen, ob mir die komplett abgerundeten Tabs mit dem komplett funktionierenden Scroll-Balken wichtiger sind oder der rote Strich beim Verschieben. Ich tendiere ehrlichgesagt zu Variante 1.

Eine Frage hätte ich aber noch rein interessehalber: Du sagt, das Script und der CSS-Code tun in großen Teilen dasselbe. Welcher Teil aus dem Script ist denn für das saubere / gezielte Verschieben verantwortlich und sollte man das Script nur auf diesen Teil einreduzieren, damit diese Doppelung entfällt?

Schöne Grüße

Boderike

Schönen guten Morgen / Mittag!

Im Moment steht in der userChrome.css Datei das hier:

/***************************************************/
/*Mehrzeilige Lesezeichen-Symbolleiste*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
     #PersonalToolbar {
        max-height: calc(20px * 3) !important;
    }
    
    #personal-bookmarks,
    #PlacesToolbar,
    #PlacesToolbar > hbox {
        display: block !important;
    }
    
    #PersonalToolbar toolbarbutton {
        min-height: 20px !important;
        max-height: 25px !important;
    }
    
    #PlacesToolbarItems {
        max-height:60px!important;
        display: flex!important;
        flex-wrap: wrap!important;
        overflow-x: visible!important;
        overflow-y: auto!important;
    }
    
    #PlacesToolbar,
    #PersonalToolbar > scrollbar {
        -moz-window-dragging: no-drag !important;
    }
    
    #PlacesToolbar #PlacesChevron {
        display: none !important;
    }
}
/**************************************************/
/****Mehrzeilige Tableiste*************/
/**************************************************/
/* Schriftart/Schriftgröße ändern */

.tabbrowser-tab .tab-label {
text-shadow: 1px 1px 0px #FFFFFF !important;
 /* font-weight: 500 !important; */
font-size: 12px !important;
font-family: "Arial" !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;
 }
 

/* Höhe der Tabs und Abstand nach unten*/
.tabbrowser-tab:not([pinned]) {
    margin-left: 1px !important;
    max-height: 25px !important;   
    margin-bottom: 4px !important;
}

/* Höhe vom Tabtext und Abstand nach unten*/
.tab-text,.tab-icon-image,.tab-close-button {
    margin-top: -3px !important;
}

/* Feste Tabbreite */
.tabbrowser-tab:not([pinned]) {
min-width: 125px !important;
max-width: 125px !important;
}

/* Farbe der Tableiste hellgrau */
#titlebar {
appearance: none !important;
background: #eeeeee !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; 
    border-radius: 80px !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; 
    border-radius: 80px !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; 
    border-radius: 80px !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);
    border-radius: 80px !important; 
}
/*--- 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; 
    border-radius: 80px !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);
    border-radius: 80px !important; 
}
/*--- 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;
    border-radius: 80px !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; 
    border-radius: 80px !important; 
}      }

Mir ist allerdings bezüglich der Bewegbarkeit des Scroll-Balkens noch etwas aufgefallen, was ich gestern gar nicht bemerkt habe: Versucht man (wie wie ich das gestern wohl gemacht habe), den Scroll-Balken mittels gedrückter linker Maustaste zu bewegen, passiert nix. Wenn ich allerdings mit der Maus auf den Scroll-Balken gehe und dann das Mausrad bewege, dann funktioniert es wie gewohnt und der Balken bewegt sich.

Schöne Grüße

Boderike

(Erstmal vielen lieben Dank, dass Du Dich auch zu später Stunde noch mit meinem Wunsch / Problemchen befasst!
Wenn ich da so an mein berufliches Umfeld denke, da herrscht doch eher das Motto "Vogel friss oder stirb!")

Ich habe naturlich gleich mal probiert, ob ich mit Deinem Lösungsansatz weiterkomme:

Wenn ich nur das Script benutzte und aus der CSS-Datei Deinen Code für die mehrzeiligen Tabs komplett lösche (ansonsten ist da nur noch ein Code für mehrzeilige Lesezeichen drin), dann bekomme ich etwas, was genau wie Dein Muster aussieht, nämlich:

• den gewünschten roten Strich beim Verschieben von Tabs

Allerdings:

• Bei mehr als 5 Zeilen erscheint ein Scroll-Balken, der sich aber leider nicht bewegen lässt
• Es erscheinen anders als bei dem Code aus der CSS-Datei Tabs mit unterschiedlicher Breite, je nach dem ob die Zeile voll ist (recht schmale Tabs) oder ob noch Platz in der Zeile ist (dann variabel)

Füge ich nun den CSS-Code aus Beitrag #8 in die CSS-Datei ein, bekommen die Tabs alle wieder die gleiche konstante Breite und der Scroll-Balken lässt sich nur bewegen, wenn ich mit der Maus etwas links daneben bin (Lücke zwischen Tabs und Scroll-Balken); auf dem Balken selbst tut sich nichts.

Wenn ich dann noch aus dem ursprünglichen CSS-Code den kompletten Bereich „Tab-Hintergrund“ (ab Zeile 191) dranhänge, dann erscheinen erste Ansätze der abgerundeten Tabs.

Es sieht allerdings so aus, als wenn die Tabs quasi 2 Ebenen hätten, eine abgerundete und eine eckige, wobei ich nicht sagen kann, welche der Vordergrund und welche der Hintergrund ist. Da der CCS-Code aber mit „Tab-Hintergrund“ überschrieben ist, vermute ich mal dass die Rundungen die hintere Ebene sind, auch wenn es eigentlich anders wirkt.

Außerdem sind die Rundungen in der unteren Hälfte etwas abgeschnitten.

Schöne Grüße

Boderike

2002Andreas

Das ist genau das, was ich meine.

Dein Script aus Beitrag #2 habe ich unverändert übernommen.

Außerdem gibt es bei mir noch eine userChrome.css, die dieses Script hier

RE: Mehrzeilige Tableiste für aktuelle FireFox-Versionen (71+)

(Beitrag #216) beinhaltet und in dem ich außer der Tabbreite, der Zeilenanzahl und einer Schriftfarbe und -Größe nichts verändert habe.

17 /* Feste Tabbreite */

18 .tabbrowser-tab:not([pinned]) {

19 min-width: 125px !important;

20 max-width: 125px !important;

...

93 /* Mehrzeilige Tableiste, bei mehr als 3 Zeilen erscheint eine Scrollbar */

94 scrollbox[part][orient="horizontal"] {

95 display: flex;

96 flex-wrap: wrap;

97 max-height: calc(var(--tab-min-height) * 3); /* Anzahl der Tabzeilen = 3 Zeilen */

98 overflow-x: hidden;

99 overflow-y: auto;

...

130 /* Schriftart/Schriftgröße ändern */

131 .tabbrowser-tab .tab-label {

132 text-shadow: 1px 1px 0px #FFFFFF !important;

133 /* font-weight: 500 !important; */

134 font-size: 12px !important;

135 font-family: "Arial" !important;

136 color: black !important;

...

142 .tabbrowser-tab .tab-label[selected="true"] {

143 text-shadow: 1px 1px 0px #000000 !important;

144 color: white !important;

145 font-weight: 500 !important;

146 font-size: 12px !important;

147 font-family: "Arial" !important;

Könnte es sein, dass sich da irgendetwas nicht verträgt?

Schöne Grüße

Boderike

2002Andreas:

HA -funktioniert wieder!!!

Als ich mir die Links angesehen habe, kam mir das Ganze irgendwie bekannt vor...

Es hatte vermutlich vorher nicht mehr funktioniert, weil ich die neue Firefox-Version in einem anderen Verzeichnis installiert hatte und insofern die Dateien im Installationsverzeichnis natürlich fehlten.

Fazit: Man muss nicht alles wissen, sondern nur wo man nachsehen bzw. wen man fragen sollte!

Einen klitzekleinen Wunsch hätte ich noch: in der alten Version war es so, dass beim Verschieben zunächst ein schmaler roter Strich an der Stelle, wo der Tab hin sollte, auftauchte. Der verschwand dann, wenn ich die Maustaste losgelassen habe. Das war schon nett, weil man dann sicher sah, ob der Tab auch da landen würde, wo er sollte.

milupo:

FX 57 ist ja auch schon lange her und in der Vergangenheit verklären sich ja bekannterweise manche Dinge...

Hallo, liebe Foristi!

Erstmal ein dickes Lob an all die ganzen Experten hier: dank Euch und Euren tollen Scripten sieht mein Firefox immer noch so fast aus wie zu den Zeiten, als es für jegliche Wünsche eine nette Erweiterung gab .

Allerdings ‚zittere‘ ich vor jedem größeren Update, weil dann mal wieder nix einiges nicht wie gewohnt funktioniert und die (von keinerlei Sachkenntnis meinerseits getrübte) Fummelei an den Scripten wieder losgeht. Neues Jahr – neues Glück: ich habe mich endlich getraut auf Version 80+x upzudaten.

Dank 2002Andreas und allen Anderen, die irgendwie an diesem Script Tableiste mehrreihig unten mitgearbeitet haben, ist meine (mehrzeilige!) Tableiste auch wieder unter der (mehrzeiligen!) Lesezeichenleiste, schön mit abgerundeten Ecken.

Das Einzige, was nicht mehr funktioniert, ist das gezielte Verschieben von Tabs innerhalb der Tableiste. Verschiebe ich einen Tab mittels gedrückter linker Maustaste, dann landet der irgendwo, aber nicht da, wo ich ihn gerne hätte .

Es gab dazu auch mal eine Lösung, die das Verschieben eines Tabs an eine bestimmte Stelle ermöglichte. Ich finde die aber leider nicht mehr wieder, obwohl ich hier schon eine ganze Weile gesucht habe.

Ich würde mich freuen, wenn mir jemand helfen könnte.

Auf jeden Fall vielen lieben Dank im Voraus.

Schöne Grüße

Boderike