We want to put a warning icon in password entries in both our UI (nsIPromptService) and the web page passwor input fields, like this.

The biggest problem is doing it in the web page. We can style the input field with CSS:

input[type="password"] {
 padding-right: 18px;
 background-repeat: no-repeat;
 background-position: right;
 background-image: url('/images/site/stock_warning.png');
}

but in order to change this depending on the capslock state, we'd either need to run some JS code in all web pages (greasemonkey script?), or implement a mozilla extension (suggested by biesi): :-moz-caps-lock-on

Where to implement this: nsCSSParser.cpp and nsCSSStyleSheet.cpp.

Apps/Web/Development/FeatureDesign/CapsLockWarning (last edited 2013-12-11 10:59:19 by WilliamJonMcCann)