Anpassen von Clippings

edvoldi

Hallo zusammen,
ich habe den Textbaustein-Manager von Clippings angepasst.

Dafür benutze ich folgenden Code:

CSS

/***   AGENT_SHEET   *********************/
/***   Geändert von EDV-Oldie   **********/
/***   Letzte Änderung am 30.04.2021   ***/


/*   Clippings Manager   */

/*   Clippings Manager Toolbar   */
    #toolbar > #new-clipping {
    background: url("../../../Icons/notizen_new.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }
    #toolbar > #new-clipping:hover {
    background: skyblue url("../../../Icons/notizen_new.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }
    
    
    #toolbar > #new-folder {
    background: url("../../../Icons/folder.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }
    #toolbar > #new-folder:hover {
    background: skyblue url("../../../Icons/folder.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }
    
    
    #toolbar > #move {
    background: url("../../../Icons/Bild76.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }
    #toolbar > #move:hover {
    background: skyblue url("../../../Icons/Bild76.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }


    #toolbar > #delete {
    background: url("../../../Icons/papierkorb_leer.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }
    #toolbar > #delete:hover {
    background: skyblue url("../../../Icons/papierkorb_leer.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }


    #toolbar > #undo {
    background: url("../../../Icons/rückgängig.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }
    #toolbar > #undo:hover {
    background: skyblue url("../../../Icons/rückgängig.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }


    #toolbar > #clippings-mgr-options {
    background: url("../../../Icons/Bild75.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }
    #toolbar > #clippings-mgr-options:hover {
    background: skyblue url("../../../Icons/Bild75.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }

/*   Untermenü Extras   */
    /*   Hintergrundfarbe   */
        .ae-menuitem,
        .context-menu-submenu,
        .context-menu-list.context-menu-root {
        background-color: gainsboro !important;
        }


        .context-menu-item:nth-child(1) {
        background: url("../../../Icons/Bild87.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }
        .context-menu-item:nth-child(1):hover {
        background: skyblue url("../../../Icons/Bild87.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }


        .context-menu-item:nth-child(2) {
        background: url("../../../Icons/Bild65.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }
        .context-menu-item:nth-child(2):hover {
        background: skyblue url("../../../Icons/Bild65.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }        


        .context-menu-item:nth-child(4) {
        background: url("../../../Icons/calendar_l.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }
        .context-menu-item:nth-child(4):hover {
        background: skyblue url("../../../Icons/calendar_l.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }        


        .context-menu-item:nth-child(5) {
        background: url("../../../Icons/calendar_r.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }
        .context-menu-item:nth-child(5):hover {
        background: skyblue url("../../../Icons/calendar_r.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }            


        .context-menu-item:nth-child(7) {
        background: url("../../../Icons/Übersetzung_1.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }
        .context-menu-item:nth-child(7):hover {
        background: skyblue url("../../../Icons/Übersetzung_1.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }            


        .context-menu-submenu {
        background: url("../../../Icons/Bild13.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }
        .context-menu-submenu:hover {
        background: skyblue url("../../../Icons/Bild13.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }


        .context-menu-item:nth-child(10) {
        background: url("../../../Icons/fenster_voll.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }
        .context-menu-item:nth-child(10):hover {
        background: skyblue url("../../../Icons/fenster_voll.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }


        .context-menu-item:nth-child(13) {
        background: url("../../../Icons/config_2.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }
        .context-menu-item:nth-child(13):hover {
        background: skyblue url("../../../Icons/config_2.png") no-repeat !important;
        padding-left: 25px !important;
        background-position: 5px !important;
        }



    #search-box {
    background-color: aliceblue !important;
    }



/*   Hintergrund linke Seite   */    
    ul.fancytree-container,
    #item-properties > #placeholder-toolbar {
    background-color: lightgrey !important;
    }
    
/*   Hintergrund der gesamten rechten Seite   */
    #item-properties.vbox.browser-style {
    background-color: #EDEDED !important;
    }
    
/*   Hintergrund obere rechte Seite   */
    #clipping-text {
    background-color: #eeeeee !important;
    }
    #clipping-name {
    background-color: darkgray !important;
    }

    
/*   Hintergrund untere rechte Seite   */
    #item-properties.folder-only,
    #item-properties > #source-url-bar,
    #item-properties > #options-bar {
    background-color: silver !important;
    }




/*   Kontexmenü
    menu[span="Neu laden"] {
    background: url("../../../Icons/reload.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }
    menu[span="Neu laden"]:hover {
    background: skyblue url("../../../Icons/Bild75.png") no-repeat !important;
    padding-left: 25px !important;
    background-position: 5px !important;
    }
*/
     
/*   ENDE   */

Alles anzeigen

Die Anpassung unter Extras habe ich mit

.context-menu-item:nth-child(1) usw.

durchgeführt, leider werden dann aber auch im Untermenü von Anzeigen/Verbergen die selben Symbol verwendet.
Das selbe gilt auch für das Kontextmenü.

hier findet man hinter ::merker noch span Sicherung leider kann ich diese Auswahl nicht in einem Code umsetzen.
Hat einer eine Idee oder ist Clippings so geschrieben dass das nicht funktioniert?

Der Code ist in der userContent.css gespeichert.

Gruß
EDV-Oldi

2002Andreas

Zitat von edvoldi

Hat einer eine Idee

Ich bin mir nicht sicher ob ich dich richtig verstanden haben.

Auf die Schnelle mit 2 Icons:

CSS

@-moz-document url-prefix("moz-extension://6030d64d-06d9-4b00-89d4-2fd313e72252/") {
    
    
li.context-menu-item:nth-child(9) > ul:nth-child(2) > li:nth-child(1) > span:nth-child(1) {

background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACiklEQVQ4ja3R20vTYRjA8Zcuu+iiiy77I/IiFKQiScHKNFeKeZod8NiBSlEbSipOyUOakRp0MguLbFtgWGFlBGqZlie2UtN5yk2dbvu9+237diEFYUZBD3zuHr488AjxP2eHjtg9pbj2VWPTNNBz+AZFmgo2/3Ug6CxbdpeQsreS51F1oGkETQPm7QVs+sdb2BBeycuIGoiogfAK0tZd7bl2fOOQIblpxKR1jDzRKsOm5PEhQ1JSSDGZYWUQVgYhxVxZN/DpYaJ+srsWVc5gdywQWeIlOBd26mBXwaqdOgjOg8BzKNtOEvpLoL85weJc6ENVraiqlVn7NEmVksBzEJS9KvA8hObYqa68Ub7mgvc3411SjuDxmH9yrFg4U+8gIAsCsiC5wsX42Dt6byY41gS6rsVJqfQh5a/cSh+l92YpvPWNFWc/UvbR05jImsDby7HS7epEcXViG23C/DSDEdPR30hh2Khl2KD1DRu1yuCjRL0QQojX5TFSsT9AsbUw8OA47sWvgB9QAScwD0wAZsAEdKJKA/13E9xCCCE6ig5Jaa1haUjP4KM8/H4nfqUbv6sNn7MV7/J9vEu3URcamftQhGf+EotmHd0NR94LIYRo12mkasll6kUWlvYq/GovvuUWfEt38C5cR52vQ52rwjOjZ7orB2Uqn4lXabypiKkXQgjRln3QrX5MZuhOHNZ3jfhdrXhtV/HOVaPOlKFOXcQzmY8cP4+1Mx33WAYDzfE8K4w+IYQQwnQ66outLZyOwmictmZ89lq8U0WokxfwjGfjGT2F/JyKYk7B2pGIrTeO57poT3u2ZqsQQojW1Ij0xxkHpDEzEmNWFMbMyD8yZBxYeZy5/9iPL34HitUiNwkg7hQAAAAASUVORK5CYII=") no-repeat !important;
margin-left: -22px !important;
padding-left: 25px !important;
background-position: 4px 0px !important;
    }

ul.context-menu-list:nth-child(51) > li:nth-child(1) > span:nth-child(1) {

background:  url("data:image/gif;base64,R0lGODlhEAAQAOZQAP///wBmAPv6+gBzAIjtUXnePiczPqn/cSgzP/n8/vf5/LvFz+3y9/D0+bzG0AAbiSo1Qb/J0/b4+5z/Zuzx9rzH0WJqdbvFzvz9/m14g7jBzB6q/3J+iABky2Ntdw2JB8HL1b/J0sbP2Gpzf/n7/K7h/xSNCiiXFsrT2/38/Pr6+8XJzj+fDiaWFSKs/7nnGOfr7ubp7CSv/wBdyACZAAuIBg6gBxelDNbz/3uIlHmDkABaxc3w/xOMCQBgyUpUXun3BQAbigAcigmIBQBfyQBDsABcyPn6/MfQ2UpTXgqeBc3V3sPN1lzIMYyVms7x/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFAALAAAAAAQABAAAAe/gFCCg4IBhoeEiQEHjI0BiYUTTUAvLQMmEwEdRDNGOwIBBCcDLAMAAwQBPiVPPDigBKamp6kdMhsbLrCzpx+pRUIPD0GwPbIfNqlOAMwAoAU3NQNDSjQFATnNADDPBd7eAQI6SyIiSCgxoIeGAiscAEckGEwYKgL3+CkcGQASCgkREij4F1CBBAAZRoC4sMBBCAcLGj5ccAHECA8AKDBooKEBg40dGVAA4MGCtgontVlIgsCAAQQQWr6M6RLBj0AAOw==") no-repeat !important;
margin-left: -22px !important;
padding-left: 25px !important;
background-position: 4px 0px !important;
     }
}

Alles anzeigen

Damit wird nur diese Erweiterung angesprochen:

Code

@-moz-document url-prefix("moz-extension://6030d64d-06d9-4b00-89d4-2fd313e72252/") {

Die ID findest du unter:

about:debugging#/runtime/this-firefox

Und dort dann die Interne UUID kopieren und eintragen.

edvoldi

Ja hast Du,

dieser Code:

CSS

        ul.context-menu-list:nth-child(51) > li:nth-child(1) > span:nth-child(1) {
        background: url("../../../Icons/Bild87.png") no-repeat !important;
        margin-left: -22px !important;
        padding-left: 25px !important;
        background-position: 4px 0px !important;
        }

passt für den ersten Eintrag, unter Anzeigen/Verbergen, wollte ich eigentlich nichts ändern

Zitat von 2002Andreas

Die ID findest du unter:

about:debugging#/runtime/this-firefox

Und dort dann die Interne UUID kopieren und eintragen.

Das versuche ich morgen, erst einmal vielen Dank.

Gruß
EDV-Oldi

Dharkness

Hi edvoldi,

Zitat von edvoldi

leider kann ich diese Auswahl nicht in einem Code umsetzen

wie kann man das Fenster von Clippings überhaupt inspizieren?

edvoldi

Zitat von Dharkness

wie kann man das Fenster von Clippings überhaupt inspizieren?

genau so wie die anderen Fenster auch, ich habe das hauptsächlich in der Nightlyversion gemacht, da geht es noch besser.

Gruß
EDV-Oldi

Dharkness

Zitat von edvoldi

genau so wie die anderen Fenster auch

Nein,

ich komme da nicht ran, muss man in den Browser-Werkzeuge noch irgendwas einstellen?

2002Andreas

Zitat von edvoldi

span Sicherung leider kann ich diese Auswahl nicht in einem Code umsetzen.

Rechtsklick drauf..Kopieren..CSS-Selektor..ergibt hier:

ul.context-menu-list:nth-child(51) > li:nth-child(1) > span:nth-child(1)

edvoldi

Wenn Du das im Firefox 88 machst, klicke links auf einen Eintrag, dann im rechten auf, rechte Maustaste und dann untersuchen.

Zitat von 2002Andreas

Rechtsklick drauf..Kopieren..CSS-Selektor..ergibt hier:

Das habe ich gerade gesucht.

Danke

2002Andreas

Zitat von Dharkness

noch irgendwas einstellen?

Clippings öffnen..

beliebigen Eintrag auswählen..Rechtsklick drauf..Untersuchen..

dann öffnet sich ja das Popup für: Werkzeuge für Webentwickler

Dharkness

Zitat von 2002Andreas

beliebigen Eintrag auswählen..Rechtsklick drauf..Untersuchen..

Nope,

auch das geht hier nicht.

2002Andreas

Zitat von Dharkness

Nope,

ergibt hier:

Dharkness

Zitat von 2002Andreas

ergibt hier

Das soll beim rechtsmausigen Klick auf Extras passieren? Hier kommt beim rechtsmausigen Klick kein Kontextmenü.

2002Andreas

Zitat von Dharkness

beim rechtsmausigen Klick kein Kontextmenü.

Erscheint bei mir überall bei einem Rechtsklick

edvoldi

Zitat von 2002Andreas

Rechtsklick drauf..Kopieren..CSS-Selektor..ergibt hier:

ul.context-menu-list:nth-child(51) > li:nth-child(1) > span:nth-child(1)

Das habe ich gerade getestet, funktioniert,

mache morgen weiter.

Zitat von 2002Andreas

Damit wird nur diese Erweiterung angesprochen:

Das funktioniert bei mir nicht, teste morgen weiter.

Endor

Ich muss Dharkness leider recht geben.

Hier komme ich auch nicht ran. Keine Möglichkeit Clippings Manager zu inspizieren.

Rechsklick Kontextmenü kommt bei dem Extra Menü hier keines.

Komisch.

Mfg.
Endor

edvoldi

Man muss auf jeden Fall auf der linken Seite ein Textbaustein auswählen sonst funktioniert es nicht.

Endor

Nein leider auch nicht.

Im Nightly kann man mit dem Pfeil aus dem Inspektor zwar auf die Menü Einträge

klicken, aber angezeigt wird nichts.

Komisch.

Mfg.
Endor

2002Andreas

Zitat von Endor

Keine Möglichkeit Clippings Manager zu inspizieren.

Nur den nicht, oder gar keine Erweiterung?

uBlock:

edvoldi

Zitat von Endor

Nein leider auch nicht.

das sieht dann bei mir so aus:

und da nach so:

Gruß
EDV-Oldi

2002Andreas

Zitat von edvoldi

und da nach so:

Hast du den Haken bei: Eigenes Fenster?

Zitat von edvoldi

Das funktioniert bei mir nicht, teste morgen weiter.

Du hast die richtige UUID eingetragen bei dir?