Loginfelder aufgehendes PopUp - .autocomplete-richlistitem

Son Goku

Hallo,

ich bekomme einfach nicht die Icons und den äußeren rand in einer anderen Farbe bei dem PopUp für die Login anmeldedaten ?

kann mir jemand auf die Sprünge helfen ?

CSS

.autocomplete-richlistitem { 
    color: black !important;
    background-color:rgba(215, 110, 0, 0.4) !important;
    border-color:green !important;
    }

.autocomplete-richlistitem:hover { 
    color: red !important;
    background-color:rgba(215, 110, 0, 0.1) !important;
    }

ach wenn wir schondabei sind, es wird der untere Text ein wenig Schwächer angezeigt von der Farbtiefe als der obere in dem PopUp.
kann man das gleich mit ändern ?

Alles anzeigen

milupo

Ich kann mit dem Bild nichts so richtig anfangen. Welches Formular ist das? Wie kommt man da hin?

Son Goku

das ist das PopUp Fenster von Lockwise wenn man Passwort und Kennwort gespeichert hat.

milupo

Bei dir steht aber oben etwas von E-mail oder Telefonnummer. Das kommt dort gar nicht vor. Stattdessen Adresse der Website, Benutzername und Passwort.

Aber wenn das wirklich diese Seite ist - sie heißt about:logins, und der Code von about:-Seiten gehört in die userContent.css, nicht in die userChrome.css.

Sören Hentzschel

Zitat von milupo

Bei dir steht aber oben etwas von E-mail oder Telefonnummer. Das kommt dort gar nicht vor. Stattdessen Adresse der Website, Benutzername und Passwort.

Das erscheint auf Websites, sobald du in das Benutzernamen- oder Passwort-Feld klickst. Natürlich unter der Voraussetzung, dass du für diese Seite überhaupt Zugangsdaten gespeichert hast.

milupo

Zitat von Sören Hentzschel

Das erscheint auf Websites, sobald du in das Benutzernamen- oder Passwort-Feld klickst. Natürlich unter der Voraussetzung, dass du für diese Seite überhaupt Zugangsdaten gespeichert hast.

Dann ist das also ein Formular von einer Website? Dann müsste man doch wissen, von welcher Website, oder sehe ich das falsch?

Sören Hentzschel

Hast du noch nie Passwörter in Firefox gespeichert? Das ist eine Firefox-Funktion, das sieht auf ausnahmslos jeder Website identisch aus…

milupo

Ach, denkst du ich merke mir, wie genau Formularfelder aussehen? Da wird angemeldet und gut ist.

2002Andreas

Zitat von Son Goku

die Icons und den äußeren rand

Meinst du das so?

Wenn ja, dann teste doch bitte mal:

CSS

#PopupAutoComplete > richlistbox > richlistitem[originaltype="generatedPassword"] > .two-line-wrapper > .ac-site-icon, 
#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] > .two-line-wrapper > .ac-site-icon,
#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
    fill:red !important;
}

richlistbox.autocomplete-richlistbox > richlistitem{
  border: 2px solid red !important;
}

Son Goku

Übersicht

da habe ich über user.js den Eintrag "Gepseichrte Zugangsdaten" ausgeblendet

das mit andreas CSS

CSS

#PopupAutoComplete > richlistbox > richlistitem[originaltype="generatedPassword"] > .two-line-wrapper > .ac-site-icon, 
#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] > .two-line-wrapper > .ac-site-icon,
#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
    fill:red !important;
}



richlistbox.autocomplete-richlistbox > richlistitem{
  border: 2px solid red !important;
}

Alles anzeigen

es passt ja soweit, aber ich meine den kleinen grauen Rahmen der außen noch zu sehen ist.

unten linke Ecke stark vergrössert

mein komplettes CSS

CSS

/*    für Passwort-Eingabe - bei klick PopUp */
.autocomplete-richlistitem { 
    color:#0c0c0d !important;
    background-color:rgba(215, 110, 0, 0.4) !important;
    border:1px solid #d76e00 !important;
    }

.autocomplete-richlistitem:hover { 
    background-color:rgba(215, 110, 0, 0.1) !important;
    }
    
/* nur wenn in user.js deaktiviert | mini abstand  | ganz unten "Gepseichrte Zugangsdaten" */
#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"] {
    min-height: 0 !important;
    }


#PopupAutoComplete > richlistbox > richlistitem[originaltype="generatedPassword"] > .two-line-wrapper > .ac-site-icon, 
#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] > .two-line-wrapper > .ac-site-icon,
#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
    fill:red !important;
}

richlistbox.autocomplete-richlistbox > richlistitem{
  border: 2px solid red !important;

Alles anzeigen

2002Andreas

Zitat von Son Goku

unten linke Ecke stark vergrössert

Teste bitte:

CSS

#PopupAutoComplete {
  border: none !important;
}

#PopupAutoComplete > richlistbox > richlistitem[originaltype="generatedPassword"] > .two-line-wrapper > .ac-site-icon, 
#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] > .two-line-wrapper > .ac-site-icon,
#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
    fill: red !important;
}

richlistbox.autocomplete-richlistbox > richlistitem {
   border: 2px solid red !important;
   background-color: rgba(215, 110, 0, 0.4) !important;
}

.autocomplete-richlistitem:hover { 
    color: red !important;
    background-color: rgba(215, 110, 0, 0.1) !important;
}

Alles anzeigen

Son Goku

alles klar, jetzt passt.

Danke

2002Andreas

Zitat von Son Goku

Danke

Freut mich wenn ich dir damit helfen konnte, war gern geschehen