Guten Morgen!
Wenn ich die Zeile 6. in dem Code RE: Hintergrundfarbe der Menüs/Lesezeichen/Kontextmenü - mit Hover-Effekt durch diesen Teil ersetze
arrowscrollbox, menupopup {
so erhalte ich wieder die doppelte Umrandung der Popup-Menüs, aber zusätzlich eine Umrandung der Tableiste. Wie muss dort der Eintrag richtig definiert werden, damit nur die Popup so aussehen?
Wie muss dort der Eintrag richtig definiert werden, damit nur die Popup so aussehen?
menupopup::part(innerbox)
ABER: Das funktioniert nicht in der 'userChrome.css' sondern nur, wenn der css-Code über ein Skript eingefügt wird.
Der Grund ist die 'shadow-root'. 'part' wird in der userChrome.css nicht unterstützt und daher musst du den Selektor global ansprechen, was dazu führt, dass alle 'arrowscrollboxen' angesprochen werden. Mir ist kein Weg bekannt, das zu ändern....
Kannst ja mal hier schauen, wie du per Script deinen css-code einbauen kannst.
wird in der userChrome.css nicht unterstützt und daher musst du den Selektor global ansprechen
Danke, BrokenHeart, für deine Hinweise dazu. Dann muss ich mich notgedrungen den Gegebenheiten anpassen, ist ja kein Beinbruch.
Mit dem Script (nutze ich auch) wäre dann ja eine Möglichkeit, aber da enden dann meine bescheidenen Kenntnisse, um das in den Griff zu bekommen.
Dann muss ich mich notgedrungen den Gegebenheiten anpassen, ist ja kein Beinbruch.
Na ja, wer wird denn gleich aufgeben.
Wenn du das Script eh nutzt, kannst du doch dort genau deinen css-Code reinschreiben (ungetestet von mir!):
var css =`
hbox.dialog-button-box button.dialog-button menupopup {
background: #eeeeee !important;
}
hbox.dialog-button-box button.dialog-button menupopup menuitem.menuitem-iconic:hover{
background: lightblue !important;
}
/*Einfügen-------------*/
menupopup::part(innerbox)
{
width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
border: 1px solid red !important; /* Umrandung der Popup-Menüs */
padding: 5px 5px 5px 5px !important; /* Umrandung nach außen versetzt */
border-radius: 10px ! important; /* Ecken abgerundet */
}
/*Einfügen-------------*/
`;
var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
var uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css))
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);Na ja, wer wird denn gleich aufgeben.
Immer Kopf hoch ist auch meine Device, aber es ist ja nicht lebenswichtig.
Wenn du das Script eh nutzt, kannst du doch dort genau deinen css-Code reinschreiben (ungetestet von mir!)
Das hatte ich schon getestet, leider ohne Erfolg.
Bitte mal testen
/*==================================*/
/***** POPUP und KONTEXT Menus ******/
/*==================================*/
arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup {
-moz-appearance: none!important;
width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
border-radius: 6px !important;
border: 2px solid blue !important; /* Umrandung/Farbe */
padding: 10px 10px 10px 10px !important; /* Ausrichtung */
}
/* Zeilen anpassen */
menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem {
-moz-appearance: none !important;
min-height: 25px !important; /* vorgegebene Höhe der Zeilen */
max-height: 25px !important;
-moz-opacity: 1.0 !important;
border-radius: 6px !important;
border: 1px solid #99ccff !important; /* Umrandung/Farbe */
}
/* Hintergrund/Umrandung/Ausrichtung - aller Popup */
menupopup {
border: 2px solid red !important; /* Umrandung/Farbe */
padding: 6px 6px 6px 6px !important; /* Ausrichtung */
background: #F0F8FF /* #F5F5DC */ !important; /* Hintergrund */
font-size: 9pt !important; /* Schriftgröße */
border-radius: 10px !important;
}Bitte mal testen
Andreas, alles perfekt. Super!! Ich danke dir.
Das hatte ich schon getestet, leider ohne Erfolg.
Stimmt, in diesem Skript funktioniert es nicht. Wenn ich es in das Skript für die mehrzeiligen Tabs einbaue, dann geht es :
var css =`
menupopup::part(innerbox)
{
width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
border: 1px solid red !important; /* Umrandung der Popup-Menüs */
padding: 5px 5px 5px 5px !important; /* Umrandung nach außen versetzt */
border-radius: 10px ! important; /* Ecken abgerundet */
}
tabs tab {
border-left: solid 1px hsla(0,0%,0%,.0) !important;
border-right: solid 1px hsla(0,0%,0%,.0) !important;
}
tabs tab:after,tabs tab:before { display: none !important; }
`;
var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);Edit:
OK, sehe gerade 2002Andreas hat das Problem auf elegantere Weise gelöst. Er ist halt der 'CSS-Meister', das muss man ihm lassen
Er ist halt der 'CSS-Meister',
Nicht doch, Ich bin nur ein kleiner Bastler.
Nicht doch, Ich bin nur ein kleiner Bastler.
OK, einigen wir uns auf "Kleiner Bastel-Meister".
Bitte mal testen
Spoiler anzeigen
CSS/*==================================*/ /***** POPUP und KONTEXT Menus ******/ /*==================================*/ arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup { -moz-appearance: none!important; width: 350px !important; /* vorgegebene Breite der Popup-Fenster */ border-radius: 6px !important; border: 2px solid blue !important; /* Umrandung/Farbe */ padding: 10px 10px 10px 10px !important; /* Ausrichtung */ } /* Zeilen anpassen */ menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem { -moz-appearance: none !important; min-height: 25px !important; /* vorgegebene Höhe der Zeilen */ max-height: 25px !important; -moz-opacity: 1.0 !important; border-radius: 6px !important; border: 1px solid #99ccff !important; /* Umrandung/Farbe */ } /* Hintergrund/Umrandung/Ausrichtung - aller Popup */ menupopup { border: 2px solid red !important; /* Umrandung/Farbe */ padding: 6px 6px 6px 6px !important; /* Ausrichtung */ background: #F0F8FF /* #F5F5DC */ !important; /* Hintergrund */ font-size: 9pt !important; /* Schriftgröße */ border-radius: 10px !important; }
Danke!
Hab's auch für meinen Zweck adaptieren können ... 
Wenn ich es in das Skript für die mehrzeiligen Tabs einbaue, dann geht es
In dem gezeigten Nightly verwende ich das Script MultiRowTab_LiteforFx48_03.uc.js, aber auch hiermit funktioniert es nicht.
Er ist halt der 'CSS-Meister', das muss man ihm lassen
Das hat er mal wieder bewiesen.
Wenn der Inhalt eines Lesezeichen-Ordners die Höhe des Bildschirms übersteigt, so bilden sich oben, bzw. unten, Scrollflächen mit kleinen Pfeilen darin aus. Gibt es die Möglichkeit einen Hover-Effekt dafür zu erstellen?
Teste bitte:
.scrollbutton-up:hover,
.scrollbutton-down:hover {
background-color: green !important;
}Teste bitte:
Danke, das funktioniert bis Version 75 . Ab der Beta 76 dann nicht mehr, hat dann wohl andere ID.
Ab der Beta 76 dann nicht mehr, hat dann wohl andere ID.
Dann muß ich nächste Woche noch mal schauen - habe keine Beta...
Bitte testen:
toolbarbutton#scrollbutton-up:hover,
toolbarbutton#scrollbutton-down:hover {
background: red !important;
}Ab der Beta 76 dann nicht mehr, hat dann wohl andere ID.
Nö, erst ab dann sind es IDs. Denn bis Fx 75 sind es Klassen.