Beiträge von jane

  • Vor und Zurück Schaltfläche CSS funktioniert nicht mehr richtig

    Und im allerallerallerschlimmsten Fall dann eben mit 6 unterschiedlichen Icons die 3 Zustände pro Button basteln, in etwa so:

    CSS
    #forward-button:not([disabled="true"]):not([open="true"]):hover .toolbarbutton-icon {
    list-style-image: url("beispiel.svg")!important;
}

    Die aller-Taste klemmt, sorry

    Spoiler anzeigen

    #forward-button:not([disabled="true"])[open="true"]:hover,

    #forward-button:not([disabled="true"])[open="true"]:hover .toolbarbutton-icon,

    #back-button:not([disabled="true"])[open="true"]:hover,

    #back-button:not([disabled="true"])[open="true"]:hover .toolbarbutton-icon {

    background-color: white !important;

    overflow: hidden!important;

    }

    #forward-button:not([disabled="true"]):hover,

    #forward-button:not([disabled="true"]):hover .toolbarbutton-icon,

    #back-button:not([disabled="true"]):hover,

    #back-button:not([disabled="true"]):hover .toolbarbutton-icon {

    background-color: black !important;

    overflow: hidden!important;

    }

    #forward-button:not([disabled="true"]),

    #forward-button:not([disabled="true"]) .toolbarbutton-icon,

    #back-button:not([disabled="true"]),

    #back-button:not([disabled="true"]) .toolbarbutton-icon {

    background-color: green !important;

    overflow: hidden!important;

    }

    /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

    #forward-button .toolbarbutton-icon {

    list-style-image: url("chrome://global/skin/icons/arrow-right.svg")!important;

    fill: orange !important;

    fill-opacity: 1 !important;

    opacity: 1 !important;

    overflow: hidden!important;

    }

    #back-button .toolbarbutton-icon {

    list-style-image: url("chrome://global/skin/icons/arrow-left.svg")!important;

    fill: orange !important;

    fill-opacity: 1 !important;

    opacity: 1 !important;

    overflow: hidden!important;

    }

    /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

    #forward-button:not([disabled="true"]):not([open="true"]):hover .toolbarbutton-icon {

    list-style-image: url("chrome://global/skin/icons/arrow-right.svg")!important;

    fill: gray !important;

    fill-opacity: 1 !important;

    opacity: 1 !important;

    transform: rotate(90deg) !important;

    transition: transform 0.2s linear 0.3s, fill 0.2s linear 0.3s !important;

    overflow: hidden!important;

    }

    #back-button:not([disabled="true"]):not([open="true"]):hover .toolbarbutton-icon{

    list-style-image: url("chrome://global/skin/icons/arrow-left.svg")!important;

    fill: red !important;

    fill-opacity: 1 !important;

    opacity: 1 !important;

    transform: rotate(-90deg) !important;

    transition: transform 0.2s linear 0.3s, fill 0.2s linear 0.3s !important;

    overflow: hidden!important;

    }

    /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

    #forward-button:not([disabled="true"])[open="true"] .toolbarbutton-icon {

    list-style-image: url("chrome://global/skin/icons/arrow-right.svg")!important;

    fill: purple !important;

    fill-opacity: 1 !important;

    opacity: 1 !important;

    transform: rotate(90deg) !important;

    overflow: hidden!important;

    }

    #back-button:not([disabled="true"])[open="true"] .toolbarbutton-icon {

    list-style-image: url("chrome://global/skin/icons/arrow-left.svg")!important;

    fill: yellow !important;

    fill-opacity: 1 !important;

    opacity: 1 !important;

    transform: rotate(-90deg) !important;

    overflow: hidden!important;

    }

    /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

    #forward-button:not([disabled="true"])[open="true"]:hover .toolbarbutton-icon {

    list-style-image: url("chrome://global/skin/icons/arrow-right.svg")!important;

    fill: blue !important;

    fill-opacity: 1 !important;

    opacity: 1 !important;

    transform: rotate(90deg) !important;

    overflow: hidden!important;

    }

    #back-button:not([disabled="true"])[open="true"]:hover .toolbarbutton-icon {

    list-style-image: url("chrome://global/skin/icons/arrow-left.svg")!important;

    fill: vanilla !important;

    fill-opacity: 1 !important;

    opacity: 1 !important;

    transform: rotate(-90deg) !important;

    overflow: hidden!important;

    }

    /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

    #forward-button[disabled="true"],

    #back-button[disabled="true"] {

    background-color: lightgray !important;

    opacity: 0.8 !important;

    overflow: hidden!important;

    }

    /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

    #forward-button[disabled="true"] .toolbarbutton-icon {

    list-style-image: url("chrome://global/skin/icons/arrow-right.svg")!important;

    fill: yellow !important;

    fill-opacity: 0.25 !important;

    overflow: hidden!important;

    }

    #back-button[disabled="true"] .toolbarbutton-icon {

    list-style-image: url("chrome://global/skin/icons/arrow-left.svg")!important;

    fill: magenta !important;

    fill-opacity: 0.25 !important;

    overflow: hidden!important;

    }

  • In Bibliothek -Kontext Ordner Sidebar- Selektor reagiert nicht

    Ich hatte ein ähnliches Problem, es war dann dieser merkwürdige margin.

    Wenn ich ein Kontextmenü zu einer Website am rechten Rand geöffnet habe, war der rechte Rahmen weg, bzw. im rechten Monitor. Die Lösung für mich war nach langen Versuchen dann das:

    CSS
    menupopup {
    --panel-shadow-margin: 0px !important;
}

    Aber das habt ihr bestimmt schon ausprobiert.

  • Eigene Icons für about:xxx in deren Urlbar und Tabs

    An die javascript-bastler:

    Das Einzige, was mir dazu noch einfällt, sind die Bookmarklets von z.B. Zitonella, hier insbesondere der Editor (ist auch javascript in der Adresse und hat ein eigenes Icon, das Icon wird auch in der UrlBar mit dem Script 'FavIconInUrlBar.uc.js' angezeigt), könnte man das nicht irgendwie verwenden?

    Lesezeichen

    Name: Editor

    Adresse:

    Code
    data:text/html,<link rel="shortcut icon" href="  data:image/png;base64,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IgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6R0lNUD0iaHR0cDovL3d3dy5naW1wLm9yZy94bXAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDozNzE1MjAzNS05YzNhLTQxMWMtOWFhMS0zMDYxNjc3MGUyOTMiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NmQwZDc3ZTQtY2NkMS00MTcwLTg2MDItZjhkYTgwMDg3ZTgyIgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NmE1MzI5MjMtZWZmMi00NjVhLWIyNzQtYjVhZDEzMjdiNjMxIgogICBkYzpGb3JtYXQ9ImltYWdlL3BuZyIKICAgR0lNUDpBUEk9IjIuMCIKICAgR0lNUDpQbGF0Zm9ybT0iTGludXgiCiAgIEdJTVA6VGltZVN0YW1wPSIxNjcwOTQ2MjYxNjAyMDQzIgogICBHSU1QOlZlcnNpb249IjIuMTAuMzIiCiAgIHRpZmY6T3JpZW50YXRpb249IjEiCiAgIHhtcDpDcmVhdG9yVG9vbD0iR0lNUCAyLjEwIgogICB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyOjEyOjEzVDE2OjQ0OjA5KzAxOjAwIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMjoxMjoxM1QxNjo0NDowOSswMTowMCI+CiAgIDx4bXBNTTpIaXN0b3J5PgogICAgPHJkZjpTZXE+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmQzN2MxMTU1LTMzZTItNDhmYi05MDNiLTUzYTY2OGI2MGE2OSIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChMaW51eCkiCiAgICAgIHN0RXZ0OndoZW49IjIwMjItMTItMTNUMTY6NDQ6MjErMDE6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+aeI1jAAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAAd0SU1FB+YMDQ8sFWTjr5sAAAFDSURBVCjPjZI9LENhFIafc7/boQMxImYaiVQRiUGENPGTMBglYmBVFpEwmcSGSCXExGS0uAy6EBJDdVFdLY2tYmjktt8xIKm6aftu55w8yXnfc4QGNHXw1GnLegpEVPVwqBDbcBsB1eoCMAggIuv3LWmkFjCxm+lCdNNXsxbCTyIy+zN6d2tDNgW0uVLqcdzSpPVdvmHJmnoQgECrtSZuQqU5a82nMbIl9aAqnXkrsXkApzo9xN4EQQJvIrpdUf+JPAW0B0GIjl0m+p5/ewZgZuelqWz8B6AjYL28dcqjV4n+bGXTBfDDxUWrNAfcJo86o9fLsVz1wAFQWBJkGkhWeYp7q9FcUPLO+H5mGEW8RPRORM8VCgKvqs5Ipad/vif20qeIdqtKWEBFOA4VwycX65GPWl/lggyg8ihw5K303tKgvgCllHqu2LsUjwAAAABJRU5ErkJggg=="" type="image/x-icon"><title>Editor</title><button onClick="SaveTextArea()">Save</button> <script language="javascript" type="text/javascript"> function SaveTextArea() { window.location = "data:application/octet-stream," + escape(txtBody.value); } </script> <textarea id="txtBody" style="font-size: 2.0em; width: 100%; height: 100%; border: none; outline: none" autofocus> </textarea>

    Und ja, das Icon ist Müll.

  • Eigene Icons für about:xxx in deren Urlbar und Tabs

    Der relevante Ausschnitt im Quelltext des SVG 'avatar-empty.svg' lautet: fill="context-fill" fill-opacity="context-fill-opacity"

    Wenn das genau so im css berücksichtigt wird, sollte es auch funktionieren.

    Hier nochmal das SVG zum Abgleich:

    Code
    <!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
  <path d="M8.5 13.25c1.912 0 3.571-1.038 4.489-2.569A1.993 1.993 0 0 0 11.495 10l-5.99 0c-.596 0-1.126.267-1.494.681.918 1.531 2.577 2.569 4.489 2.569z"/>
  <path d="M8.5 4a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z"/>
  <path d="M8.5 2.25c3.446 0 6.25 2.804 6.25 6.25s-2.804 6.25-6.25 6.25-6.25-2.804-6.25-6.25S5.054 2.25 8.5 2.25M8.5 1a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15z"/>
</svg>