Bug 1319919 - Fix vertical spacing, font-size, and colors of the insecure field warning. r=seanlee draft
authorMatthew Noorenberghe <mozilla@noorenberghe.ca>
Wed, 14 Dec 2016 13:59:20 -0500
changeset 449679 59f39d0eb5596b09fbaf40ba765d93d528136820
parent 445874 a8617a600ec49fc5c41335ac978ea831fc85eff9
child 539539 029343fe3090841afa93be6448e34f6ad27d070e
push id38621
push usermozilla@noorenberghe.ca
push dateWed, 14 Dec 2016 19:00:19 +0000
reviewersseanlee
bugs1319919
milestone53.0a1
Bug 1319919 - Fix vertical spacing, font-size, and colors of the insecure field warning. r=seanlee MozReview-Commit-ID: LngIqzZPCw9
browser/themes/shared/autocomplete.inc.css
--- a/browser/themes/shared/autocomplete.inc.css
+++ b/browser/themes/shared/autocomplete.inc.css
@@ -35,14 +35,30 @@
 
 #PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon[selected] {
   list-style-image: url(chrome://browser/skin/notification-icons.svg#login-highlighted);
 }
 
 
 /* Insecure field warning */
 #PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] {
-  background-color: #F6F6F6; /* Bug 1319176 */
+  background-color: var(--arrowpanel-dimmed);
+  border-bottom: 1px solid var(--panel-separator-color);
+  padding-bottom: 4px;
+  padding-top: 4px;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] {
+  background-color: var(--arrowpanel-dimmed-further);
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title {
+  color: GrayText;
+  font-size: 1em;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] > .ac-title {
+  color: inherit;
 }
 
 #PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon {
   list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon);
 }