Beiträge von FuchsFan

Zitat von BrokenHeart

Na dann, hier was zum "Basteln"...

Ich danke dir, das leuchtet ein, und ist nachvollziehbar, wo was wirkt.

Zitat von BrokenHeart

zumindest für die Farben, Variablen verwenden, da du sonst z.B. die Scrollbuttons in der Tableiste ebenfalls einfärbst.

Danke, BrokenHeart , deinen Hinweis in Ehren, aber dazu reichen meine bescheidenen Kenntnisse nicht aus. Ich lerne immer etwas Neues mit, aber es muss mir dann auch gezeigt werden, damit ich dann mit der Bastelei beginnen kann, denn nur so habe ich mir bisher die Kenntnisse erarbeitet.

Mit Variablen habe ich mich überhaupt noch nicht befasst. In manchen Codes habe ich sie auch drin, traue mich nicht diese überhaupt anzufassen.

Zitat von 2002Andreas

Naja..war ja sonst nix los...ergo..Bewegung/Betrieb hält jung

Schön, Andreas, dass du das so gelassen aufnimmst.

Zitat von omar1979

ich werd noch verrückt wegen diesen 3 Icons..

Eines kann ich dir verraten, um allen die richtige Breite/Höhe zu geben, da habe ich wohl einen ganzen Tag mit verbracht. Eine große Rolle dabei ist auch die Tabhöhe, wird die geändert, dann ändern sich auch die Button, bzw. verschieben sich.

Ich wünsche dir weiter viel Erfolg dabei.

Zitat von omar1979

Ein Bild dazu wäre noch toll.

Du bekommst sogar mehrere.

Nur zur Kenntnis, das war nur der Code zum Test für mich, sollte also nur eine Anleitung für weitere Basteleien sein.

Lesezeichen-Ordner:

in Ruhe bei Hover

In Tab-Bar der linke Button:

in Ruhe bei Hover

Zitat von BrokenHeart

Oft ist ja wirklich dann etwas im Argen oder eine bestimmte Konfiguration läuft nicht überall usw, usw.....

BrokenHeart

Sorry, dass ich hier für Betrieb gesorgt habe, aber das Zitat trifft in diesem Fall vollständig zu. Nachdem Du und auch Andreas das nochmals getestet habt, so war mir klar in dem Nightly konnte etwas nicht stimmen, und so war es auch. Obwohl nichts weiter installiert war, es wollte nicht gelingen. Schwamm drüber, denn in einem anderen Nightly funktioniert alles tadellos. Ich danke euch für euren Einsatz.

Ich habe dazu noch ein wenig gebastelt, stelle das hier mal rein, eventuell kann es Verwendung finden.

....für die userChrome.css

#PlacesToolbar menupopup{
    --set-menupopup-color: black;  
    --set-menupopup-background: lightblue;
}

#scrollbutton-up,
#scrollbutton-down
{
    background-color: var(--set-menupopup-background);
    border: 1px solid blue;
    border-radius: 5px;
    height: 18px; 
}

#scrollbutton-up > .toolbarbutton-icon,
#scrollbutton-down > .toolbarbutton-icon
{
    fill: var(--set-menupopup-color);
}

#scrollbutton-up:hover,
#scrollbutton-down:hover
{
    background-color: yellow;
    border: 1px solid brown;
    border-radius: 5px;
}

#scrollbutton-up:hover > .toolbarbutton-icon,
#scrollbutton-down:hover > .toolbarbutton-icon
{
    fill: red;
}

....für die userChromeShadow.css

#tabbrowser-arrowscrollbox::part(scrollbutton-up), 
#tabbrowser-arrowscrollbox::part(scrollbutton-down) 
{
    fill: blue;
    background-color: lightblue;
    border: 1px solid dodgerblue;
    max-height: 32px;
    border-radius: unset;
}

#tabbrowser-arrowscrollbox::part(scrollbutton-up):hover, 
#tabbrowser-arrowscrollbox::part(scrollbutton-down):hover 
{
    fill: red;
    background-color: yellow !important;
    border: 1px solid red;
}        

Zitat von BrokenHeart

(<-- siehe Code-Änderung in #32)

BrokenHeart

Mit den Lesezeichen-Ordnern alles bestens, aber für die Button im All-Tabs-Button will es einfach nicht funktionieren (Test im aktuellen Nightly).

Zitat von BrokenHeart

Ich habe das mal auf das obige Beispiel umgesetzt:

Und das hast du wunderbar hin bekommen, ein Dankeschön an dich. Natürlich auch an @Nutzende für die brauchbare Vorlage, was für mich aber nur "böhmische Wälder" waren.

Zitat von Endor

Könntest Du mir diesen Teil mal geben,

Für meinen Teil habe ich ja Änderungen gemacht, nutze dort bei Hover auch kein Border.

Das wäre der Abschnitt bei mir nach Zeile 108 bis vor Zeile 148.

tbody.collapsible:nth-child(n+1) > tr:nth-child(1) {background-color: #fcf7f0 !important;
    border: 1px solid silver !important;
    }
    
    tbody.collapsible:nth-child(n+1) > tr:nth-child(1):hover {background-color: #f7e787 !important; }
    
    tbody.content-style:nth-child(n+2) > tr:nth-child(1) > td:nth-child(1) {background-color: #ffeb99 !important; color: red !important;}
    
    tbody.content-style:nth-child(n+2) > tr:nth-child(1) > td:nth-child(1):hover {background-color: #ffcc99 !important; color: red !important;}
    
    #errorsContent > tr:nth-child(odd) > td:nth-child(1),
    #activeContent .odd{
    background-color:  #fff0d9 !important; 
    color:  #0039e6 !important;
    font-weight: 600 !important;
    border: 1px solid silver !important;}
    
    #errorsContent > tr:nth-child(odd) > td:nth-child(1):hover,
    #activeContent .odd:hover{
    background-color: #f7e787 !important; 
    color: red !important; 
    font-weight: 600 !important;
    box-shadow: none !important;}
    
    #errorsContent > tr:nth-child(even) > td:nth-child(1),
    #activeContent .even{
    background-color: #fffff0 !important; 
    color: green !important;
    font-weight: 600 !important;
    border: 1px solid silver !important;}
    
    #errorsContent > tr:nth-child(even) > td:nth-child(1):hover,    
    #activeContent .even:hover{
    background-color: #f7e787 !important; 
    color: red !important; 
    font-weight: 600 !important;
    box-shadow: none !important;}

Sieht dann bei Hover so aus:

Endor

In dem Code von hier RE: About Seiten mit CSS Codes anpassen sind mir noch zwei Sachen aufgefallen.

Zeile 113 bis 118, da kann ich nichts mit anfangen, weil sich nichts verändert.

Bei "Dokumentation, rechte Seite die Boxen hast du bei Hover mit Border versehen, im Original nicht. Deshalb springt beim Überfahren mit der Maus das Feld (besonders das obere).

Da habe ich für die Boxen gleich einen Rand gesetzt, dann ist es vorbei.

Ansonsten, wie immer, prima gemacht. Danke!

Zitat von Endor

so sieht meine policies.json Datei aus:

Da habe ich mich doch verleiten lassen, denn ich habe jeden Eintrag begonnen mit { "policies": {. Das kann dann auch nicht funktionieren. Danke, Endor.

Endor

Danke, Endor, das schaue ich mir an.

Zitat von Endor

Dank eurer Hilfe habe ich eine policies.json Datei erstellt

und einige Policies und Fehler eingebaut,

Das habe ich auch gemacht, aber es war mir nur möglich einen Eintrag einzufügen . Das ist ja so nicht gewollt, nun habe ich zwischen den Einträgen Kommas gesetzt (so gefunden), aber half auch nicht.

Wie hast du die Einträge gemacht?

Zitat von BrokenHeart

Hier kann man aber bei den Scrollbuttons der Lesezeichen-Leiste auch alternativ color benutzen und hat somit doch wieder die Möglichkeit unterschiedliche Farben zu setzen.

BrokenHeart

Danke, das ist erst einmal die Lösung.

Hintergrund kann bei beiden geändert werden, color wirkt sich dabei übergreifend auf beide aus. Das kann angepasst werden, kein Problem.

Zitat von 2002Andreas

Ich bleibe dabei, es ist keine ::part Funktion für das Popup unter den Lesezeichen.

Das stimmt wohl, Andreas. Ich habe ja in der userChromeShadow.css das #PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox) { zu stehen um in den Lesezeichen-Popups den Hintergrund zu verändern. wenn ich mir das genau ansehe (habe es jetzt bewusst rot gemacht), dann wird auch der Bereich zum Scrollen mit eingefärbt. Fahre ich mit der Maus drüber, dann wird gescrollt. Original ist der Hintergrund z.B. weiß, Ablauf ebenso. Für mich heißt das, wir haben i.M. keine Möglichkeit hier eine andere Trennung vorzunehmen. Oder?

Zitat von milupo

Mit diesen langen :host-Einträgen kann ich nichts anfangen, vielleicht spielen die eine Rolle,

Damit habe ich auch schon gebastelt, aber funktioniert auch nicht. Es ist für mich halb so wichtig, aber dachte mir, da muss doch ein Weg zu finden sein.

Zitat von 2002Andreas

Wie man jetzt die beiden Symbole in der Tableiste deaktiviert, bin ich zur Zeit zumindest überfragt

Das muss ja nicht unbedingt sein, denn die Button im All-Tabs-Button bekommt man ja separat angesprochen in der userChromeShadow.css mit z.B. #tabbrowser-arrowscrollbox::part(scrollbutton-up),. Das funktioniert auch, Lesezeichen-Ordner sind davon ausgenommen, kommt dann aber #scrollbutton-up ins Spiel (für Lesezeichen), dann wird das auch wieder auf die All-Tabs-Button mit übergebenn, und der obige Selektor somit wirkungslos.

Nun habe ich schon alles Mögliche probiert für Lesezeichen, aber da endet mein Latein.

Wer hat noch Ideen dazu?

Zitat von 2002Andreas

In dem Fall geht das ganz einfach in der userChrome.css

Sorry, dass ich mich hier einmische, Andreas. So habe ich das bei mir auch stehen, aber wir hatten vor langer Zeit die Thematik schon einmal, und wenn ich mich recht erinnere, dann hatte das auch Auswirkungen auf den All-Tabs-Button. Oder irre ich mich da, denn der Selektor war z.B. toolbarbutton#scrollbutton-up so.

Zitat von Dharkness

Einfach in eine policies.json einen einfachen Schreibfehler machen und gut.

Und wo ist die Datei zu finden, bzw., wo erstellt werden?

Danke, hat sich erledigt. https://support.mozilla.org/de/kb/firefox-…esjson-anpassen

Zitat von Endor

Die Schaltfläche Fehler ist standardmäßig ausgeblendet, ich habe sie nur über
die Entwickler-Werkzeuge eingeblendet zum Testen.

Was sagst Du dazu?

So ist es gut, finde ich. habe mich schon gewundert, weil ich den Button nicht entdecken konnte.

Zitat von Endor

Die beiden kannst Du raus nehmen
padding-bottom:0px!important;

padding-top:0px!important;

Hatte ich nur zum Test auf Null gesetzt, kommt weg. Danke!

Zitat von Endor

Hast Du die Schriftgröße da auch kleiner gemacht

oder nur padding-top und padding-bottom geändert - entfernt?

Das ist erst einmal das, was ich mit den beiden Button gemacht habe. Schau mal bitte!

#category-active{
    background: #efefef url("..//icons/general-24.png")no-repeat !important;
    background-position:14px 7px!important;
    font-size: 16px!important;
    font-weight: 600 !important;
    color: orangered !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:0px!important; 
    padding-top:0px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    margin-left: 10px!important;
    min-height: 40px !important; 
    max-height: 40px !important;
    }
    
    #category-active[selected="true"]{
    background: #efefef url("..//icons/general-24.png")no-repeat !important;
    background-position:14px 7px!important;
    font-size: 16px!important;
    color: blue !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:0px!important; 
    padding-top:0px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    min-height: 40px !important; 
    max-height: 40px !important;}
    
    #category-active:hover{
    color: red !important;
    background: #B2EDFA url("..//icons/general-24.png")no-repeat !important;
    background-position:14px 7px!important;
    font-size:16px!important;
    text-decoration:none!important;
    border-radius:24px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    min-height: 40px !important; 
    max-height: 40px !important;}
        
    #category-documentation{
    background: #efefef url("..//icons/active_sessions.png")no-repeat !important;
    background-position:14px 7px!important;
    color: orangered !important;
    margin-top: 15px!important;
    font-size: 16px!important;
    font-weight: 600 !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:0px!important; 
    padding-top:0px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    margin-left: 10px!important;
    margin-bottom: 15px !important;
    min-height: 40px !important; 
    max-height: 404px !important;}
    
    #category-documentation[selected="true"]{
    background: #efefef url("..//icons/active_sessions.png")no-repeat !important;
    background-position:14px 7px!important;
    font-size: 16px!important;
    color: blue !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:0px!important; 
    padding-top:0px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    min-height: 40px !important; 
    max-height: 40px !important;}
    
    #category-documentation:hover{
    color: brown !important;
    background: #B2EDFA url("..//icons/active_sessions.png")no-repeat !important;
    background-position:14px 7px!important;
    font-size:16px!important;
    text-decoration:none!important;
    border-radius:24px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    min-height: 40px !important; 
    max-height: 40px !important;}

Zitat von Endor

Hätte da was zum testen:

Danke, Endor , übernehme ich mal. Das habe ich mal für mich umgebaut (erster Test), aber aufgefallen ist mir, dass die beiden Button auf der linken Seite sehr hoch waren (sah nicht so gut aus).

Dharkness

In Zeile 32 sicherlich ein Schreibfehler.

Beitrag

RE: Abhängigkeit der userChrome.css ....

[…]

Teste bitte mal.

(Quelltext, 361 Zeilen)

P.S.:

Benenne die vorhandene userChrome.css um und füge das ↑ in eine neu erstellte ein.

Dharkness

27. November 2021 um 13:35