das hier fehlt im Nightly immer noch:
Das stimmt, hier wird es auch nicht angezeigt. Warten wir also weiter ab.
das hier fehlt im Nightly immer noch:
Das stimmt, hier wird es auch nicht angezeigt. Warten wir also weiter ab.
Wollte ich auch gerade schreiben.
Da liegt wohl ein Fehler vor.
Abwarten mal sehen was das Update von morgen bringt.
Heute nach dem ersten Update für Nightly erschien die Box für appcache wieder. Die für memory und disk fehlen aber immer noch. Hat sich da eventuell der Selektor geändert?
Pauschal ohne Zusatz in der userContent.css wirkt das dann auf allen Seiten.
Erspart also den Zusatz dann in jedem einzelnen Code.
Auch von mir ein Dankeschön!
meine Annahme war falsch.
Danke, Endor, da haben wir wieder etwas von Andreas gelernt.
Hast Du die schon gesehen?
Ja, Endor, ist soweit erledigt, nur bei Welcome mit der Umrandung der Button. Ich habe da schon versucht, aber es will nicht gelingen.
Nachdem ihr euch zu den Bildern geäußert habt, habe ich das überprüft. Es verhält sich aber nur so, wenn ich beide Codes gemeinsam nutze.
Welcome hatte ich nur in einem Test-Fox als alleinigen Code genutzt, dort verhält es sich dann so, wie ich beschrieben habe.
Danke, für die Hinweise!
Hallo, Endor!
Gestern habe ich mich noch mit dem Code für about:welcome beschäftigt. Da gibt es nach meinem Dafürhalten noch Ungereimtheiten, die du bitte noch mal bei dir überprüfen könntest.
Da sind die drei Button, nach einem Klick darauf, bleibt ein gepunkteter Rahmen bestehen (im Bild stark vergrößert).
Dann wäre da noch eine Sache, und zwar nach einem Klick auf den oben gezeigten Button, erscheint das private Fenster.
Das so aussah:
Nach dem gestrigen Update auf die Version 78.0.2 (auch alle anderen Versionen) wird es so nicht mehr angezeigt, sondern das Original vom Fox.
Entferne die erste
overflow-y-Zeile also komplett.
Ja, Sören, so geht es auch. Danke!
Evtl. fällt einem anderen User ja noch eine bessere Lösung ein
Danke, Andreas, so funktioniert es prima. Eine bessere Lösung kann ich natürlich auch nicht präsentieren, aber ich habe deinen Code- Schnipsel für mich angepasst. Eventuell möchten das so auch noch andere User verwenden.
Die Höhe habe ich für meinen Bildschirm angepasst, und die Scrollbar setzt jetzt erst ein, wenn das Feld in der Höhe erreicht ist.
Das wäre dann der Block:
#dispatch-tbody{
max-height: 630px!important;
overflow-y: scroll !important;
overflow-y: auto !important;
margin-right: -5px !important;
margin-top: 40px !important;
}
Danke, für den Code.
Gern geschehen!
Im Nightly nach dem heutigen letzten Update in about:cache keine Anzeige wie bisher und das steht dabei:
Unrecognized storage name 'appcache' in about:cache URL
Kannst du das mal bitte bei dir überprüfen.
Teste mal, keine Ahnung, ob Du da bei about:addons nun so einen Unterschied siehst.
Ich kann es leider nicht sagen.
Danke, Endor, es wird alles ohne Fehler mit dem Code angezeigt.
Da hattest du ganz Recht, dass es an der Klammer im oberen Teil lag, diese an den Schluss, dann funktioniert es auch, wie auch jetzt mit dem besagten Absatz am Ende (mit richtiger Setzung der Klammern).
Nochmals Dank für deine Bemühungen.
Du bist unverschämt. Für mich bist du gestorben.
Das ist immer so, milupo, wenn man die Wahrheit spricht, fühlt sich der Eine oder der Andere beleidigt.
Du experimentierst hier rum, änderst immer wieder und wunderst dich, dass etwas nicht funktioniert.
Du hast den Angriff auf mich gestartet, und mir unterstellt, das ich durch Rumexperementieren nur "Unsinn" mache. In der Regel weiß ich schon was ich mache.
Es war nun mal die Wahrheit, was ich gesagt habe, das der Code aus #299 bei mir fehlerhaft angezeigt wird. Jetzt weiß ich warum!
Ich finde es schade, dass du so reagierst. Wenn es nicht die richtigen Worte für dich waren, dann entschuldige bitte. Ich möchte mit niemandem hier Streit, das solltest du auch wissen.
Auf welchen Code von Aris beziehst Du dich?
Den würde ich mir gern mal anschauen.
Das ist der Code, den ich aber nur teilweise verwendet und auch abgeändert habe:
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul), url-prefix(about:addons),url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
html {
--addon-page-options-width: 340px;
}
/* <some> locales require adjustments */
html:-moz-any([lang="ru"],[lang="it"],[lang="fr"],[lang="el"]) {
--addon-page-options-width: 440px;
}
html[lang*="es-"] {
--addon-page-options-width: 460px;
}
/**/
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
.more-options-menu panel-item {
background: white !important;
color: black !important;
margin: 0 1px !important;
border: 1px solid lightgrey !important;
}
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):not([badged]),
addon-list panel-item:not([badged]){
border: 1px solid lightgrey !important;
}
addon-list addon-card:not([expanded="true"]) panel-list * {
background: white !important;
color: black !important;
}
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
border: 1px solid black !important;
}
@supports -moz-bool-pref("browser.in-content.dark-mode") {
@media (prefers-color-scheme: dark) {
addon-list addon-card:not([expanded="true"]) panel-list *,
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
.more-options-menu panel-item {
background: black !important;
color: white !important;
}
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
border: 1px solid white !important;
}
}}
addon-list panel-item{
margin: 0 1px !important;
}
/* reduce size of default buttons */
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
width: unset !important;
padding: 2px 5px !important;
}
/* remove three dots button */
addon-card .more-options-button {
display: none !important;
}
/* remove button icon */
:host([checked]),
panel-item[checked],
addon-list panel-item {
--icon: unset !important;
}
/* restore buttons */
div.arrow.top + div.list {
display: flex !important;
flex-flow: row wrap !important;
justify-content: flex-start !important;
}
panel-item[action="preferences"] {
order: -1;
}
panel-item[badged] {
border: 1px solid Highlight !important;
}
panel-item[badged]::after,
:host([badged]) button::after,
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
:-moz-any(addon-options,plugin-options) button::after {
display: none !important;
content: unset !important;
}
addon-page-options panel-list {
min-width: unset !important;
width: auto !important;
max-width: var(--addon-page-options-width) !important;
z-index: 1000 !important;
}
addon-page-options panel-list panel-item {
min-width: calc(var(--addon-page-options-width) - 20px) !important;
width: 320px !important;
}
.sticky-container {
z-index: 1000 !important;
}
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
padding-inline-start: 20px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
min-width: calc(var(--addon-page-options-width) - 10px) !important;
width: calc(var(--addon-page-options-width) - 10px) !important;
}
addon-page-options panel-list panel-item[accesskey][checked] {
background: url("chrome://global/skin/icons/check.svg") 5px no-repeat !important;
}
addon-list addon-card:not([expanded="true"]) panel-list {
position: relative !important;
display: flex !important;
overflow: hidden !important;
background: unset !important;
border: unset !important;
box-shadow: unset !important;
min-width: unset !important;
width: unset !important;
float: right !important;
right: 36px !important;
}
/*addon-list:-moz-any([type="theme"],[type="plugin"],[type="dictionary"],[type="all"]) addon-card:not([expanded="true"]) panel-list {
right: 1px !important;
}*/
addon-list addon-card:not([expanded="true"]) panel-list {
margin-top: -48px !important;
}
/*addon-list[type="theme"] addon-card:not([expanded="true"]) panel-list {
-moz-margin-end: 22px !important;
}*/
addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button {
-moz-appearance: none !important;
min-width: 20px !important;
width: 20px !important;
max-width: 20px !important;
height: 20px !important;
font-size: 0 !important;
border: 1px solid !important;
border-top: 3px solid !important;
-moz-margin-end: 1px !important;
opacity: 0.9 !important;
}
addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button:hover {
cursor: pointer !important;
opacity: 1.0 !important;
filter: brightness(2.00) !important;
}
addon-list addon-card:not([expanded="true"]) .addon.card[active="true"] .theme-enable-button {
background: Highlight url("chrome://global/skin/icons/check.svg") 2px no-repeat !important;
}
addon-list addon-card:not([expanded="true"]):hover .addon.card[active="true"] .theme-enable-button {
background: red url("chrome://browser/skin/zoom-out.svg") 2px no-repeat !important;
}
addon-list addon-card:not([expanded="true"]):hover .addon.card[active="false"] .theme-enable-button {
background: green url("chrome://global/skin/icons/check.svg") 2px no-repeat !important;
}
addon-list[type="theme"] addon-card:not([expanded="true"]) .card-contents{
height: 40px !important;
}
/*input[type="checkbox"].toggle-button {
margin: 0 8px !important;
}*/
addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button,
input[type="checkbox"].toggle-button {
-moz-margin-end: 8px !important;
}
addon-card:not([expanded]) > .addon.card,
addon-card:not([expanded]) > .addon.card * {
overflow: hidden !important;
}
}
Alles anzeigen
Habe mal versucht, das zu beheben, keine Ahnung ob es funktioniert.
Bitte teste mal.
Doch, Endor, das funktioniert. Nun wird auch mit dem Code aus #299 alles fehlerlos angezeigt. Danke!
Diesen Teil habe ich mal an Ende des Codes gepackt,
Was der bewirken soll, habe ich bisher nicht verstanden, deshalb habe ich ihn sicherheitshalber im Code (von Aris) belassen.
Weil da etwas von dark mode enthalten ist, ich weiß nicht was damit erreicht werden soll. Wenn ich den Teil deaktiviere funktioniert es aber auch noch (zumindest jetzt am Ende des Codes).
Teste meinen letzten CSS Code mal ohne
Deine ganzen Anpassungen. Nur meinen Code.Denn hier sieht es in allen Firefox Versionen gleich aus.
Hallo Endor!
Der Code aus #299 funktioniert auch bei mir ordnungsgemäß. Der "Fehler" bei der Anzeige kommt dadurch, dass im Addon-Manager (den ich von hier verwende: RE: Ansicht "Erweiterungen verwalten" ) der Eintrag (Zeile 22) .card vorhanden ist, der dafür sorgt, dass unter Empfehlungen die Boxen mit in der Breite angepasst werden. Nehme ich diesen Wert raus, dann wird auch dein Code fehlerlos angezeigt, nur unter Empfehlungen passt es dann nicht mehr.
Wie könnte das unabhängig voneinander gelöst werden, hat jemand eine Idee?
Das wird es eben nicht.
Das wird es doch!!
Das hier ist gemäß Beitrag #299 von Endor:
Damit es auch du endlich verstehst, das Bild aus Beitrag #305 ist mit dem Code aus #299 entstanden.
Du experimentierst hier rum, änderst immer wieder und wunderst dich, dass etwas nicht funktioniert
Ich muss es ändern, damit es so wie bei dir in Beitrag #306 aussieht.
Und wenn du jetzt zu nörgeln aufhören würdest, und mir sagen könntest, woran es denn liegt, dass es bei mir in allen Firefox-Versionen (78 bis 80) nicht so angezeigt wird, dann können wir uns weiter darüber unterhalten. Wenn nicht, dann Thema hier Ende.
Weil du einfach für einen Teil der Eigenschaften einen anderen Selektor verwendest
Das macht ja nichts, Hauptsache es wird richtig aufgelöst. Jetzt auch noch einmal für dich, mit dem Code von hier RE: About Seiten mit CSS Codes anpassen sieht es immer noch so aus, auch im 78, wie du erkennen kannst.
Nur ein kleiner Hinweis, dein obiger Code basiert nicht auf meinem letzten Code.
Vergleiche beide noch mal.
Da hast du Recht, Endor, ich habe auch Teile davon entfernt und neue eingefügt, weil der letzte zum Test angebotene Code immer diese Überschreitung nach rechts bringt. Wieso auch immer ???
Bitte testen:
Ich habe mir erlaubt deinen letzten Code anzupassen, der dann das bewirkt:
....hier dann der Code:
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(about:protections){
html {background: #ffffff !important;}
#report-content::before{
content: "Endors Protection" !important;
margin-left:380px!important;
margin-right:5px!important;
margin-bottom: 20px !important;
color:red !important;
font-weight:bold !important;
font-size:22px!important; }
#report-title{ margin-top: 20px !important;}
.passwords-stored-text .icon-small {
fill: gold !important;}
.synced-devices-text .icon-small {
fill: red !important;}
#report-title, h2{color: #1a75ff !important; font-weight: bold !important; font-size: 18px !important;}
#report-content{
width: 1160px !important; /* Breite des gelben Feldes */
margin-top: 20px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}
#report-content:hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#graph-week-summary{
color: crimson !important;
font-weight: bold !important;
font-size: 16px !important;
margin-left: -80px !important;}
#interventions{
padding-top: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}
#interventions:hover{
background-color: #FFDEAD !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
div.card,
section.card:nth-child(3),
section.card:nth-child(4),
section.card:nth-child(5),
section.card:nth-child(6){
max-width: 1050px !important;
padding-top: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}
div.card:hover,
section.card:nth-child(3):hover,
section.card:nth-child(4):hover,
section.card:nth-child(5):hover,
section.card:nth-child(6):hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
}
#protection-details{
background: #efefef url("..//icons/Bild94.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right:15px!important;
padding-top: 3px!important;
padding-bottom: 3px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 5px!important;
border-radius:14px!important;}
#protection-details:hover{
background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 5px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#trackerContent,
#cryptominerContent,
#fingerprinterContent,
#cookieContent,
#socialContent{
background-color: #fffff0 !important;
line-height: 2 !important;}
#tracker,
#cryptominer,
#fingerprinter,
#cookie,
#social{
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-bottom-right-radius: 14px !important;
border-bottom-left-radius: 14px !important;
}
#tracker-link,
#cryptominer-link,
#fingerprinter-link,
#cookie-link,
#social-link{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}
#tracker-link:hover,
#cryptominer-link:hover,
#fingerprinter-link:hover,
#cookie-link:hover,
#social-link:hover{
background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#lockwise-how-it-works{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}
#lockwise-how-it-works:hover{
background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#turn-on-sync{
background: #efefef url("..//icons/Bild83.png") no-repeat !important;
margin-left: 38px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 35px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}
#turn-on-sync:hover{
background: #B2EDFA url("..//icons/Bild83.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#manage-devices{
background: #efefef url("..//icons/tools.png") no-repeat !important;
margin-left: 38px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 35px!important;
padding-bottom: 2px!important;
padding-top: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}
#manage-devices:hover{
background: #B2EDFA url("..//icons/tools.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
.synced-devices-text,
.passwords-stored-text{min-width: 490px !important;}
#manage-passwords-button{
min-width: 250px !important;
background: #0060df url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:22px!important;}
#manage-passwords-button:hover{
background: #003eaa url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:22px!important;}
#open-about-logins-button{
background: #0060df url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:22px!important;}
#open-about-logins-button:hover{
background: #003eaa url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:22px!important;}
#sign-up-for-monitor-link {
-moz-appearance: none !important;
background: #0060df url("..//icons/database.png") no-repeat !important;
background-position:18px 19px!important;
padding-left: 22px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:30px!important;}
#sign-up-for-monitor-link:hover{
background: #003eaa url("..//icons/database.png") no-repeat !important;
background-position:18px 19px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
border-radius:30px!important;}
#protection-settings{
background: #efefef url("..//icons/Bild94.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 4px!important;
padding-top: 4px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-style: outset !important;
background-position:11px 5px!important;
border-radius:14px!important;}
#protection-settings:hover{
background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
padding-left:35px!important;
background-position:11px 5px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
}
Alles anzeigen
Bitte testen:
Hat sich nichts geändert:
und meine eigenen Änderungen dazu (Ausschnitt):
Schaltfläche oben fehlte, und Anpassung für Firefox 78+
Danke, Endor, habe ich aufgenommen.
Was ich aber bemerkt habe, dass in allen Versionen von Fox etwas aus der Reihe läuft. Da sieht es dann so aus:
Die drei Boxen gehen immer über den rechten Rand hinaus. Nun habe ich das für mich geändert, indem ich das gelbe Feld verbreitert habe, und im Code bei div.card einen neuen Eintrag vorgenommen habe, mit dem ich die drei Boxen (Felder) in der Breite dazu anpasse:
max-width: 1070px !important; /* Breite der drei Boxen */
Eventuell kannst du das ja mal überprüfen, aber mit dieser Überbreite ist es bei mir in allen Versionen vom Fox.