Bug 1280618 - Dotted square does not follow the smooth zoom animation of icons from toolbar. r?gijs draft
authorJared Wein <jwein@mozilla.com>
Thu, 23 Jun 2016 13:11:19 -0400
changeset 380935 d85781166899d805174aef725ec1d650b2a1e79b
parent 377637 0cdadfe2548071a155138fa486b7ed7753f68bee
child 523844 9b0adaed7495953c81a9310f68a1d3ecef057660
push id21351
push userjwein@mozilla.com
push dateThu, 23 Jun 2016 17:11:38 +0000
reviewersgijs
bugs1280618
milestone50.0a1
Bug 1280618 - Dotted square does not follow the smooth zoom animation of icons from toolbar. r?gijs MozReview-Commit-ID: HhRIwnLmlgv
browser/themes/shared/customizableui/customizeMode.inc.css
--- a/browser/themes/shared/customizableui/customizeMode.inc.css
+++ b/browser/themes/shared/customizableui/customizeMode.inc.css
@@ -259,16 +259,24 @@ toolbarpaletteitem[place="toolbar"] {
 
 #customization-palette:not([hidden]) {
   margin-bottom: 25px;
 }
 
 toolbarpaletteitem[place="palette"]:-moz-focusring,
 toolbarpaletteitem[place="panel"]:-moz-focusring,
 toolbarpaletteitem[place="toolbar"]:-moz-focusring {
+  outline-width: 0;
+}
+
+toolbarpaletteitem[place="palette"]:not([mousedown="true"]):-moz-focusring,
+toolbarpaletteitem[place="panel"]:not([mousedown="true"]):-moz-focusring,
+toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):-moz-focusring {
+  /* Delay adding the focusring back until after the transform transition completes. */
+  transition: outline-width .01s linear .3s;
   outline: 1px dotted rgba(0,0,0,.5);
   outline-offset: -5px;
   -moz-outline-radius: 2.5px;
 }
 
 #wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
 #wrapper-edit-controls[place="palette"] > #edit-controls > separator,
 #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,