Bug 1342368 - Add custom focus ring for buttons in in-content pages. r=jaws
authorDão Gottwald <dao@mozilla.com>
Fri, 24 Feb 2017 12:17:40 +0100
changeset 489445 c0c6529432da5e4049950dabe907bc32115ebed6
parent 489444 86c5b56e42f622716028f93ed5475e94c42920c4
child 489446 5ac53d4a98ea89b7b0fbdb744ecceaef158c7c1d
push id46822
push userbmo:emilio+bugs@crisal.io
push dateFri, 24 Feb 2017 20:50:08 +0000
reviewersjaws
bugs1342368
milestone54.0a1
Bug 1342368 - Add custom focus ring for buttons in in-content pages. r=jaws MozReview-Commit-ID: GgpzSLYEeNH
toolkit/themes/linux/global/in-content/common.css
--- a/toolkit/themes/linux/global/in-content/common.css
+++ b/toolkit/themes/linux/global/in-content/common.css
@@ -14,16 +14,21 @@ xul|tab[visuallyselected] {
 
 xul|button,
 html|button,
 xul|colorpicker[type="button"],
 xul|menulist {
   margin: 2px 4px;
 }
 
+xul|button:-moz-focusring {
+  outline: 1px dotted;
+  outline-offset: -2px;
+}
+
 xul|button > xul|*.button-box,
 xul|menulist > xul|*.menulist-label-box {
   -moz-appearance: none;
 }
 
 xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker {
   -moz-appearance: none !important;
 }