Bug 1285817 - Change the .emailDisplayButton:focus from border to outline. r=aleth
authorRichard Marti <richard.marti@gmail.com>
Sun, 10 Jul 2016 17:46:17 +0200
changeset 25366 f6adc8d3dd22b5e71135093eda279958e958c8e7
parent 25365 7f8a655fe06995a5d196dca3f21843d2791727a2
child 25367 2a96f2cb7620fd462df9b9e7a501ac8fc107ae5e
push id1725
push userclokep@gmail.com
push dateMon, 19 Sep 2016 17:35:08 +0000
treeherdercomm-beta@6ead1abf3817 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersaleth
bugs1285817
Bug 1285817 - Change the .emailDisplayButton:focus from border to outline. r=aleth
mail/themes/osx/mail/messageHeader.css
mail/themes/shared/mail/messageHeader.css
--- a/mail/themes/osx/mail/messageHeader.css
+++ b/mail/themes/osx/mail/messageHeader.css
@@ -478,30 +478,28 @@ mail-emailaddress[selected="true"] .emai
 }
 
 /* this is for the comma in between email addresses */
 .emailSeparator {
   margin-inline-start: -5px; /* squeeze it inside the bubble, by the star */
 }
 
 .emailDisplayButton:focus {
-  border-top: 1px dotted #F6A942; /* Lightest hue from orange gradient */
-  border-bottom: 1px dotted #F9CE90; /* Darkest hue from orange gradient */
-  border-left: 1px dotted #F8BA67; /* Middle hue from orange gradient */
-  border-right: 1px dotted #F8BA67; /* Middle hue from orange gradient */
+  outline: 1px dotted #F8BA67; /* Middle hue from orange gradient */
+  outline-offset: -1px;
 }
 
 .emailStar {
   max-width: 1em;
   max-height: 1em;
   -moz-appearance: none;
   -moz-box-orient: vertical;
-  margin-inline-start: -1px !important;
-  padding: 0px;
-  margin: 0px 2px;
+  margin: 0 2px;
+  margin-inline-start: -1px;
+  padding: 0;
   list-style-image: url("chrome://messenger/skin/starIcons.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 
 .emailStar:hover {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
--- a/mail/themes/shared/mail/messageHeader.css
+++ b/mail/themes/shared/mail/messageHeader.css
@@ -128,17 +128,17 @@ toolbarpaletteitem #hdrDummyReplyButton 
  * the comma to be drawn too close to the last letter, which looks bad, so
  * using a separate rule here.
  */
 .newsgroupSeparator {
   margin-inline-start: -2px;
 }
 
 .emailStar:focus {
-  border: 1px dotted;
+  outline: 1px dotted;
 }
 
 .emaillabel {
   max-width: 60vw; /* for very long email fields */
 }
 
 .emaillabel,
 .newsgrouplabel {