Es gibt jetzt Essen hier, bin mal eine Weile weg.
Lass es Dir schmecken. 
Sidebar Popup-Menü anpassen
-
FuchsFan -
24. März 2022 um 22:49 -
Erledigt
-
Lass es Dir schmecken.
Danke
Sollte das so aussehen?
Wenn ja, dann teste bitte mal:
CSS
Alles anzeigen/* Popup-Menü der Searchbar angepasst */ #PopupSearchAutoComplete { min-height: 180px !important; max-height: 180px !important; padding: 5px 5px 5px 5px !important; background-color: beige !important; margin: 10px 0 0 20px !important; border: 2px solid dodgerblue !important; border-width: 4px !important; border-style: double !important; } #PopupSearchAutoComplete { --panel-background: lightyellow !important; --panel-border-color: orange !important; padding: 5px 10px 5px 5px !important; } -
Oder auch so dann:
Das für die userChrome.css
CSS#PopupSearchAutoComplete { min-height: 180px !important; max-height: 180px !important; padding: 5px 5px 5px 5px !important; background-color: beige !important; margin: 10px 0 0 20px !important; border: 2px solid dodgerblue !important; border-width: 4px !important; border-style: double !important; }Und das in die userShadow.css
CSS#PopupSearchAutoComplete::part(content) { --panel-background: lightyellow !important; --panel-border-color: orange !important; padding: 5px 10px 5px 5px !important; } -
.funktioniert auch, mit dem Nachteil, dass mit slot auch die anderen Popup angesprochen werden
Das ist normal. slot ist ein Element, Elemente sind in der Regel universal. Für Eindeutigkeit braucht man am besten eine ID, schon Klassen können mehrere Stellen ansprechen. Eventuell geht es noch z. B. mit n-th, n-th 2 usw., mit denen man einzelne von gleichartigen Elementen auf unterschiedlichen Ebenen (wie z. B. in Listen) ansprechen kann. Nach meiner Erfahrung brauchst du für slot aber immer die userChromeShadow.css, da sich slot unter #shadow-root befindet. Ich bin mir aber nicht ganz sicher, ob slot nicht doch auch außerhalb von #shadow-root vorkommt.
-
Oder auch so dann:
Nichts zu machen, wird nur so angezeigt, weil der Code in der userShadow.css nicht mehr greift. In der userChrome.css siht es dann so aus mit dem Code. Wie bekomme ich den Schatten (innerer Rand) dort weg, hat eigentlich den Selektor slot, wenn ich mich nicht täusche. Aber damit sind wir dann wieder am Anfang.
-
in der userShadow.css nicht mehr greift.
Der aus Beitrag Nr. 43 funktioniert hier einwandfrei.
-
Der aus Beitrag Nr. 43 funktioniert hier einwandfrei.
In der beta 104 ?
Das ist normal. slot ist ein Element, Elemente sind in der Regel universal. Für Eindeutigkeit braucht man am besten eine ID, schon Klassen können mehrere Stellen ansprechen.
Danke, milupo, so wäre es gut, wenn eine ID da wäre.
-
In der beta 104 ?
Sorry, war in 103.
Beta habe ich nicht alle Möglichkeiten, aber im Nightly.
Beide Codes in der userChrome.css
CSS
Alles anzeigen#PopupSearchAutoComplete { --windows-panel-box-shadow: none !important; --panel-background: lightyellow !important; --panel-border-color: orange !important; padding: 5px 10px 5px 5px !important; } #PopupSearchAutoComplete { min-height: 180px !important; max-height: 180px !important; padding: 5px 5px 5px 5px !important; background-color: beige !important; margin: 10px 0 0 20px !important; border: 2px solid dodgerblue !important; border-width: 4px !important; border-style: double !important; }Oder auch so:
CSS
Alles anzeigen#PopupSearchAutoComplete { --windows-panel-box-shadow: none !important; --panel-background: lightyellow !important; --panel-border-color: orange !important; } #PopupSearchAutoComplete { min-height: 180px !important; max-height: 180px !important; padding: 0px 5px 5px 5px !important; background-color: beige !important; border: 2px solid dodgerblue !important; border-width: 4px !important; border-style: double !important; } -
Sorry, war in 103.
Habe ich mir schon gedacht.
Beide Codes in der userChrome.css
Ja, im Nightly funktioniert es, leider nicht in der beta 104.
-
-
Beide Codes in der userChrome.css
Ja, nur dort, aber zwischen beta und Nightly gibt es Unterschiede. Gefällt mir nicht so, denn nach der 103 kommt die 104.
beta:
Nightly:
Beide mit identischem Code.
-
Du hast offensichtlich nicht in beiden Firefox-Versionen die gleichen Suchmaschinen installiert. Vielleicht liegt es daran.
-
Beide mit identischem Code.
Da muß eigentlich noch was anderes mit reinwirken. Der innere Rahmen ist einmal eckig und einmal abgerundet...
Da würde ich bei der Suche ansetzen.
-
So sieht es z.B. in der beta 104 mit dem Code aus:
Du meinst den großen inneren Abstand?
Teste bitte das ↓ in der userChromeShadow.css.
CSSmenupopup::part(content) { margin: 0 !important; } -
Teste bitte das ↓ in der userChromeShadow.css.
Ich grüße Dich, Ralf!
Das habe ich generell für alle Popup in der userShadow.css stehen:
CSS/* alle Popup mit padding-Wert angepasst */ :is(menupopup)::part(content) { appearance: none !important; padding: 4px !important; margin: 0 !important; }Bereinigt aber nicht das Problem in der beta-Version. Da muss ein neuer Code her.
Erst einmal habe ich es jetzt so gemacht, muss vorerst reichen (andere Vorschläge immer willkommen).
CSS
Alles anzeigen/*======= für beta 104 =========*/ /* Popup-Menü der Searchbar angepasst */ #PopupSearchAutoComplete { --windows-panel-box-shadow: none !important; --panel-border-color: transparent !important; } #PopupSearchAutoComplete { min-height: 180px !important; max-height: 180px !important; background-color: beige !important; border: 1px solid dodgerblue !important; border-width: 5px !important; border-style: double !important; } /* Popup der Searchbar Button mit dem Zahnrad */ #searchbar-anon-search-settings.searchbar-engine-one-off-item.search-setting-button { margin-right: 5px !important; }Sieht jetzt so aus.
