Kontextmenü in Eingabefeldern

  • Hallo zusammen,
    ab Firefox 34 gibt es einen neuen Button im Anpassen-Fenster, hier kann man sich eine Thema aussuchen.
    Ich habe hier für einmal das fehlende Symbol eingetragen.

    CSS
    #customization-lwtheme-button {
        list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAC2UlEQVQ4jb2RX0zTBxCA70H25DLU8CCZcxkxU4nGkKiJLIYtog5HiqAh+rQluqgBtBFj5nQuSBQQC2wsVGdERVEBizj+KMjQDhCBFn6FWiMdYAtFoKCoBQn09+1B19DExDcvuYe73PddcifyoeLqrrDm9OilSe8d1B68rKmqsdwwNnYNtipOTNZBLqUdnTL+/BUnc6tOichH7wRj4n8Lud9i75/2AsDU5BCTowYePSjHnLqGu6XXGB6H6gf9JP1asdEPjopKXejoGwVAVWFyyovXEc/k40hMOeupPhLD2DS4XkDPM6izjLBhW26oT1B792EDwLjHg9vZw5QK7s5NlKVEYEkJo7e7n/NKLhVdtyjrqEZ5OkF2YXubT2Cx9qEC9hPf03E4jmGblZab53h+NY4afSqOMQ+ZTT/xS+1usut0tA94Kbk/hO8ere1PUIGm6CAaNUHUn0hG0W/ltnYNAy+h86mHClsneQ0l/N09wZ1/VUrMr/hak71aRESKb7b9pQIDFhMtx/dy63AkrsyV1NY1YnZBc59Ko1OluG2Ck5VDlNumua685rsdF6NERCTw832BZTVWe7fLw73SQq4U9mBIP4DifgM3ON7k/ot9xKV3ojc+40rrOBFb8iL8vhEerg0tyCwgK+HQ+B2L27e53gnXTC+JTWtHc6yFM/Uv+L3KhYgE+An+3LMlL+fQGe8fQTJ7e+KFVZXKGIZm9+vj+Wa9rsimVHWpVNrBYANtTlOxH5yx6cutZ5P3kxX96bf/9y7UOKbT8s36t2VA/j+jXH8IGaW9zJnz4yc+WLchdG5BQhinNi81zpQW3BtEV/RIEZGAuD2F2y6bJsgq7ycmsWiV3/aEiJD4o1FLRpYFf7xYRILfZmDK2XrOG53oDFbSizpIzLhtX7g8PkxEZvngg+u++Ez7zaIfRGT+DDhYROaHrIgN3550+ohmZ07ygiWxa0UkUETmzRT8BwVG3D+Fkr4oAAAAAElFTkSuQmCC") !important;}
    
            #customization-lwtheme-button .button-icon {margin-left: -6px !important; margin-right: 7px !important; }


    In der Hoffnung das es auch bei Euch funktioniert.

    WIN11 Home Version 23H2 (Build 22631.4541)

    Firefox 133.0(64-Bit)

    Thunderbird 128.5.0esr (64-Bit)

    Meine Erweiterungen

  • Hallo zusammen
    Hier ein weiteres Update für die aktuelle Beta Version von Classic Theme Restorer Version 1.2.5beta6.

    Einige Anpassungen waren notwendig, und einige Bezeichnungen haben sich auch geändert.

    Code für die aktuelle Beta Version:
    Downloads:
    Standard: https://dl.dropboxusercontent.com/u/15467633/Fir…pte/CSS/CTR.css

    Spezial: https://dl.dropboxusercontent.com/u/15467633/Fir…CTR-Spezial.css

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Hallo zusammen
    Hier ein weiteres Update für die aktuelle Beta Version von Classic Theme Restorer Version 1.2.5beta12.

    Einige Anpassungen waren notwendig, da ein neuer Eintrag verschoben war.
    Müsste jetzt wieder passen. Kleinere kosmetische Minianpassungen habe ich noch gemacht.

    Code für die aktuelle Beta Version:
    Downloads:
    Standard: https://dl.dropboxusercontent.com/u/15467633/Fir…pte/CSS/CTR.css

    Spezial: https://dl.dropboxusercontent.com/u/15467633/Fir…CTR-Spezial.css

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Hallo zusammen
    Hier ein weiteres Update für die aktuelle Beta Version von Classic Theme Restorer Version 1.2.5beta19.

    Einige Anpassungen waren notwendig, da ein neuer Eintrag verschoben war.
    Müsste jetzt wieder passen. Kleinere kosmetische Minianpassungen habe ich noch gemacht.

    Code für die aktuelle Beta Version:
    Downloads:
    Standard: https://dl.dropboxusercontent.com/u/15467633/Fir…pte/CSS/CTR.css

    Spezial: https://dl.dropboxusercontent.com/u/15467633/Fir…CTR-Spezial.css

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Hallo zusammen
    Hier eine Übersicht, der CSS Codes für die aktuelle Finale Version Classic Theme Restorer 1.2.5
    und die aktuelle Beta Version.

    Code für die aktuelle Finale Version 1.2.5:
    Downloads:
    Standard: https://dl.dropboxusercontent.com/u/15467633/Fir…S/CTR-1.2.5.css

    Spezial: https://dl.dropboxusercontent.com/u/15467633/Fir…ezial-1.2.5.css


    Code für die aktuelle Beta Version:
    Downloads:
    Standard: https://dl.dropboxusercontent.com/u/15467633/Fir…pte/CSS/CTR.css

    Spezial: https://dl.dropboxusercontent.com/u/15467633/Fir…CTR-Spezial.css

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Hallo zusammen.
    Mal was anderes.
    Habe mir mal das Einstellungen Fenster der Tabmixplus Erweiterung vorgenommen und etwas
    aufgeräumt. :wink:

    Hier der Code, bitte testen:

    Was meint Ihr dazu?
    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Zitat von Endor

    Habe mir mal das Einstellungen Fenster der Tabmixplus Erweiterung vorgenommen und etwas
    aufgeräumt.


    So richtig sehe ich keine Unterschied, wo genau soll das sein?

    WIN11 Home Version 23H2 (Build 22631.4541)

    Firefox 133.0(64-Bit)

    Thunderbird 128.5.0esr (64-Bit)

    Meine Erweiterungen

  • Also ich habe wie bei CTR, versucht, die versetzten Teile,
    Checkboxes, Text, Buttons usw. links auszurichten, dass alles etwas gleichmäßiger
    ist. Ja es ist nur minimal.

    Ohne:
    [Blockierte Grafik: http://i.imgur.com/ySGOb0D.png]

    Mit:
    [Blockierte Grafik: http://i.imgur.com/J0xnLN5.png]
    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor (16. Oktober 2014 um 17:25)

  • Hallo edvoldi.
    Teste mal dazu diese Zeile:

    CSS
    #inverseother> checkbox[label="Lesezeichen und Chronik, Adresseingaben, Suchergebnisse"]{min-width: 28.5em !important;}

    Wert eventuell für Dich noch etwas anpassen.

    Damit sieht es hier dann so aus:
    [Blockierte Grafik: http://i.imgur.com/GZZLnLL.png]

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Mit Hilfe vom CTR-Addon und diesem Beitrag https://www.camp-firefox.de/forum/viewtopi…=933936#p933936 sieht das Context Menu wieder fast so aus wie früher, nur schaffe ich es nicht die Position des Textes zu ändern (1px nach oben und ein paar px nach rechts).
    Durch -moz-appearance:none!important; geht leider auch das bläuliche hervorheben des Eintrags verloren.

    Soll:
    [Blockierte Grafik: http://i.imgur.com/j4EYHbT.png]
    Ist:
    [Blockierte Grafik: http://i.imgur.com/6PsTgow.png]

    Jemand eine Idee?

    Einmal editiert, zuletzt von bugger (17. Oktober 2014 um 11:41)

  • Du musst mit den Werten rumspielen, bis es passt:
    Das ist zbs. meiner für Zurück:

    CSS
    #context-back{
        -moz-appearance:none!important;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAADzElEQVR42mL4//8/w46bT/4DBBDze06xuANieoEAAcQIEgEBgABiCd73+D+PsAgDQACBRZbf+fSfn4edgeH3LwaAAAILeESkWDHZeR19umXVOoAAYgAJTN60nbV17nITEBsggJi5tHVk/mk7vddWVkhr6p7oCRBALGckbB7/f/ON4RjQ5Ht3HkoBBBDYDNdJa/9fWbnglhQrQwdAAMHtbV69mt/ExPkDLw8nw87lyyu+//s88fWbH78AAoixYd5qlf+mrrff/WVkYGZiYvj29x/D778MDLJ8HAynJjQ+AgggsAl+OZWeTA6B235+/sDAzMbOwMbLz8DGL8hwtKnkFUAAwa3YtHGD6Kad+0qvcMmWqn24N1FNXurJv3//ngMEENgfMDxz667KhQdPX0EWAwggOGP69n2tN378/z9p+5H/ZTOX8WR1TWEBiQMEEAvI+Em7j88RNbJP3vXkG4OGri6DorrW51NnzoKkGAECiKVx18n13xWMA+6//MoAcs25DwwMf/8zMYjwiYDdBhBALI8evTT6yAUU/feHgYGZFaiIEYj/M3x6/x2sACCAmOam+Mn/3LPqxs9n9xm+37vM8OfFPQaGt08Zvr59CVYAEEBwb5qllJ+SsLQ3fXTiyO83t66fEGVjfHB+97o4gAACO7Kuro7RS5qtbPOuDcv//mX8W+xrseHT1x9MIDmAAEIJBxjuX7WKc+rW3XWHH7//f+Hz//+zdh173zZnmS82tQABBHcCCHSsXi3GwSdZp6Smk80lIMDw/cdPht///jLcu3aN4cuzx3f/MzIe+s3w+/rnN29ffHr38drClvKzAAEENqB7zRp5Rj7pTk557fBf7JwM7779AIcGKxMjgywXE4MkNxvDXyD/3z9GBlEeRoZD524xnNqw+sPa7mpBgABiqZyxbNZHfcfU3wKiDH++fGFgAmpmYGRkYAA5EQgf/fjHwPAGGMRA9l+gY4WBye3t608Mr968+QxyNUAAsbRnRKUllrds+yqh0PNb3UT5959fDH9/fANGCRsDIzD5gVwCokGYgYGJ4TMPH8OXdx+ABrwDexsggFDCwCIqw4FFSHoCv4mFPhMzE8Pvb18YWNg4GP7++s3wE8j+B1T6l5GV4cGpowzPTh65/ffeKTWAAEIxAARKS0v4Hr/7FvDgL3sjp7qeAh8/H8O1XdtfCn55PU9BRvycgpjgKyF+nk9AF34tLSu/DRBATAxooLi45LOCMM9WPxWhWOXH5yfd37HxFevPr5wGGgpqukrS6jw83DK//zHIfP32XRikHiDAABMY1KzGhRr4AAAAAElFTkSuQmCC") no-repeat !important;
        height:22px!important;
        color:black;
    	margin-left:4px!important;
        background-position:1px 3px!important;
        }


    Du musst hier die Werte entsprechend verändern:

    CSS
    background-position:1px 3px!important;

    Ja das mit dem Hovern stimmt leider.

    Mann könnte es eventuell so machen, zusätzlicher Code:

    CSS
    #context-back:hover{
        -moz-appearance:none!important;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAADzElEQVR42mL4//8/w46bT/4DBBDze06xuANieoEAAcQIEgEBgABiCd73+D+PsAgDQACBRZbf+fSfn4edgeH3LwaAAAILeESkWDHZeR19umXVOoAAYgAJTN60nbV17nITEBsggJi5tHVk/mk7vddWVkhr6p7oCRBALGckbB7/f/ON4RjQ5Ht3HkoBBBDYDNdJa/9fWbnglhQrQwdAAMHtbV69mt/ExPkDLw8nw87lyyu+//s88fWbH78AAoixYd5qlf+mrrff/WVkYGZiYvj29x/D778MDLJ8HAynJjQ+AgggsAl+OZWeTA6B235+/sDAzMbOwMbLz8DGL8hwtKnkFUAAwa3YtHGD6Kad+0qvcMmWqn24N1FNXurJv3//ngMEENgfMDxz667KhQdPX0EWAwggOGP69n2tN378/z9p+5H/ZTOX8WR1TWEBiQMEEAvI+Em7j88RNbJP3vXkG4OGri6DorrW51NnzoKkGAECiKVx18n13xWMA+6//MoAcs25DwwMf/8zMYjwiYDdBhBALI8evTT6yAUU/feHgYGZFaiIEYj/M3x6/x2sACCAmOam+Mn/3LPqxs9n9xm+37vM8OfFPQaGt08Zvr59CVYAEEBwb5qllJ+SsLQ3fXTiyO83t66fEGVjfHB+97o4gAACO7Kuro7RS5qtbPOuDcv//mX8W+xrseHT1x9MIDmAAEIJBxjuX7WKc+rW3XWHH7//f+Hz//+zdh173zZnmS82tQABBHcCCHSsXi3GwSdZp6Smk80lIMDw/cdPht///jLcu3aN4cuzx3f/MzIe+s3w+/rnN29ffHr38drClvKzAAEENqB7zRp5Rj7pTk557fBf7JwM7779AIcGKxMjgywXE4MkNxvDXyD/3z9GBlEeRoZD524xnNqw+sPa7mpBgABiqZyxbNZHfcfU3wKiDH++fGFgAmpmYGRkYAA5EQgf/fjHwPAGGMRA9l+gY4WBye3t608Mr968+QxyNUAAsbRnRKUllrds+yqh0PNb3UT5959fDH9/fANGCRsDIzD5gVwCokGYgYGJ4TMPH8OXdx+ABrwDexsggFDCwCIqw4FFSHoCv4mFPhMzE8Pvb18YWNg4GP7++s3wE8j+B1T6l5GV4cGpowzPTh65/ffeKTWAAEIxAARKS0v4Hr/7FvDgL3sjp7qeAh8/H8O1XdtfCn55PU9BRvycgpjgKyF+nk9AF34tLSu/DRBATAxooLi45LOCMM9WPxWhWOXH5yfd37HxFevPr5wGGgpqukrS6jw83DK//zHIfP32XRikHiDAABMY1KzGhRr4AAAAAElFTkSuQmCC") no-repeat !important;
        height:22px!important;
        color:black;
    	border-color:#6495ED; 
    	border-style:inset;
    	margin-left:4px!important;
        background-position:1px 3px!important;
        }

    oder so:
    [Blockierte Grafik: http://i.imgur.com/SRgdbUb.png]

    Code:

    CSS
    #context-back:hover{
        -moz-appearance:none!important;
        background: #E5F1FE url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAADzElEQVR42mL4//8/w46bT/4DBBDze06xuANieoEAAcQIEgEBgABiCd73+D+PsAgDQACBRZbf+fSfn4edgeH3LwaAAAILeESkWDHZeR19umXVOoAAYgAJTN60nbV17nITEBsggJi5tHVk/mk7vddWVkhr6p7oCRBALGckbB7/f/ON4RjQ5Ht3HkoBBBDYDNdJa/9fWbnglhQrQwdAAMHtbV69mt/ExPkDLw8nw87lyyu+//s88fWbH78AAoixYd5qlf+mrrff/WVkYGZiYvj29x/D778MDLJ8HAynJjQ+AgggsAl+OZWeTA6B235+/sDAzMbOwMbLz8DGL8hwtKnkFUAAwa3YtHGD6Kad+0qvcMmWqn24N1FNXurJv3//ngMEENgfMDxz667KhQdPX0EWAwggOGP69n2tN378/z9p+5H/ZTOX8WR1TWEBiQMEEAvI+Em7j88RNbJP3vXkG4OGri6DorrW51NnzoKkGAECiKVx18n13xWMA+6//MoAcs25DwwMf/8zMYjwiYDdBhBALI8evTT6yAUU/feHgYGZFaiIEYj/M3x6/x2sACCAmOam+Mn/3LPqxs9n9xm+37vM8OfFPQaGt08Zvr59CVYAEEBwb5qllJ+SsLQ3fXTiyO83t66fEGVjfHB+97o4gAACO7Kuro7RS5qtbPOuDcv//mX8W+xrseHT1x9MIDmAAEIJBxjuX7WKc+rW3XWHH7//f+Hz//+zdh173zZnmS82tQABBHcCCHSsXi3GwSdZp6Smk80lIMDw/cdPht///jLcu3aN4cuzx3f/MzIe+s3w+/rnN29ffHr38drClvKzAAEENqB7zRp5Rj7pTk557fBf7JwM7779AIcGKxMjgywXE4MkNxvDXyD/3z9GBlEeRoZD524xnNqw+sPa7mpBgABiqZyxbNZHfcfU3wKiDH++fGFgAmpmYGRkYAA5EQgf/fjHwPAGGMRA9l+gY4WBye3t608Mr968+QxyNUAAsbRnRKUllrds+yqh0PNb3UT5959fDH9/fANGCRsDIzD5gVwCokGYgYGJ4TMPH8OXdx+ABrwDexsggFDCwCIqw4FFSHoCv4mFPhMzE8Pvb18YWNg4GP7++s3wE8j+B1T6l5GV4cGpowzPTh65/ffeKTWAAEIxAARKS0v4Hr/7FvDgL3sjp7qeAh8/H8O1XdtfCn55PU9BRvycgpjgKyF+nk9AF34tLSu/DRBATAxooLi45LOCMM9WPxWhWOXH5yfd37HxFevPr5wGGgpqukrS6jw83DK//zHIfP32XRikHiDAABMY1KzGhRr4AAAAAElFTkSuQmCC") no-repeat !important;
        height:22px!important;
        color:black;
    	margin-left:4px!important;
        background-position:1px 3px!important;
        }

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Hab es hiermit hinbekommen:


    Danke für die Tipps Endor!

  • Zitat von Endor

    Hallo edvoldi.
    Teste mal dazu diese Zeile:


    Auf die Anpassung der Breite bin ich nicht gekommen.
    Aber leider ist das Kontrollkästchen immer noch nicht mittig zum Text.
    Das ist aber nicht so wichtig.
    Danke für den Code.

    WIN11 Home Version 23H2 (Build 22631.4541)

    Firefox 133.0(64-Bit)

    Thunderbird 128.5.0esr (64-Bit)

    Meine Erweiterungen