Beiträge von FuchsFan

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

Zitat von aborix

Mit dem Skript aus #69 ist bei mir immer den Anfang sichtbar.

aborix

Guten Morgen!

Gerade noch einmal im Nightly probiert, ist dort leider nicht so. Der Button ganz unten, ob der daran Schuld ist, den wollten wir ja nach oben haben. Oder ist das in dem Script aus #69 nicht berücksichtigt?

Zitat von milupo

Kannst du mal das Skript deaktivieren und dann nochmal testen?

Alles gemacht, aber es hilft nichts. Nehme das funktionierende Script, damit kann ich leben. Danke auch für deine Bemühungen.

Zitat von milupo

Na und?

Wir lassen das Thema ruhen, du steigerst dich da ja förmlich rein, und das möchte ich nicht. Es geht auch so.

Zitat von omar1979

Du hast sicher eine CSS für die Scrollbalken. Kann es vielleicht wegen dem sein?

Nur farbliche Anpassungen.

Zitat von milupo

Ja, ich will dich die ganze Zeit verarschen.

Ganz die Ruhe bewahren, milupo.

milupo

Ich erzähle doch keine Märchen, so sieht ein "normal" gefüllter Ordner aus.

Ganz oben die gewohnte Anzeige.

Dann ein "überfüllter" Ordner, scrollt sofort nach unten.

Mit dem Scroll-Button oben.

Scrolle ich dann nach oben, dann wieder die normale gewünschte Anzeige.

29 Links / 24 Ordner

Zitat von aborix

Teste mal:

Danke, aborix, aber genau der gleiche Effekt.