Bug 527595 - Set a outline for focused header fields like for the .emailDisplayButton. r=jorgk, ui-r=ThomasD
authorRichard Marti <richard.marti@gmail.com>
Thu, 12 Jul 2018 19:59:40 +0200
changeset 31740 2c6eadfca726fb0fd0f57b4cfa194bce9ef4dce8
parent 31739 f7c7ac83578949d636b9105b542a8a21f32bb930
child 31741 dbb76057d5faba6fabbf1b15a006c01623d3d0c0
push id2308
push userclokep@gmail.com
push dateWed, 05 Sep 2018 00:34:58 +0000
treeherdercomm-beta@e326b2dcd127 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjorgk, ThomasD
bugs527595
Bug 527595 - Set a outline for focused header fields like for the .emailDisplayButton. r=jorgk, ui-r=ThomasD
mail/themes/linux/mail/messageHeader.css
mail/themes/shared/mail/messageHeader.css
mail/themes/windows/mail/messageHeader.css
--- a/mail/themes/linux/mail/messageHeader.css
+++ b/mail/themes/linux/mail/messageHeader.css
@@ -243,19 +243,17 @@ toolbar[mode="icons"] > #otherActionsBut
   padding-bottom: 0 !important;
 }
 
 .headerValue {
   min-width: 50px;
   white-space: normal;
   color: WindowText;
   line-height: 1.5em;
-
   -moz-appearance: none !important;
-
   padding: .1em 0px !important;
   margin: 0px !important;
   margin-bottom: 3px !important;
   margin-inline-start: 3px !important;
   border: none !important;
   background-color: transparent;
 }
 
@@ -264,16 +262,20 @@ toolbar[mode="icons"] > #otherActionsBut
   color: -moz-hyperlinktext;
   text-decoration: underline;
 }
 
 .headerValueUrl:hover {
   color: -moz-activehyperlinktext;
 }
 
+mail-headerfield > .headerValue:focus {
+  outline-color: Highlight;
+}
+
 .moreIndicator {
   font-weight: bold;
 }
 
 /* ::::: msg header message ids ::::: */
 
 .messageIdDisplayButton {
   cursor: pointer;
--- a/mail/themes/shared/mail/messageHeader.css
+++ b/mail/themes/shared/mail/messageHeader.css
@@ -256,11 +256,16 @@ mail-newsgroups-headerfield {
 }
 
 mail-headerfield > .headerValue {
   -moz-user-focus: normal;
   -moz-user-select: text;
   word-wrap: break-word;
 }
 
+mail-headerfield > .headerValue:focus {
+  outline: 1px dotted;
+  outline-offset: -1px;
+}
+
 #header-view-toolbox:-moz-locale-dir(rtl) {
   float: left;
 }
--- a/mail/themes/windows/mail/messageHeader.css
+++ b/mail/themes/windows/mail/messageHeader.css
@@ -163,16 +163,20 @@ window[inlinetoolbox] #newtoolbar {
   color: -moz-hyperlinktext;
   text-decoration: underline;
 }
 
 .headerValueUrl:hover {
   color: -moz-activehyperlinktext;
 }
 
+mail-headerfield > .headerValue:focus {
+  outline-color: Highlight;
+}
+
 .moreIndicator {
   font-weight: bold;
 }
 
 /* ::::: msg header message ids ::::: */
 
 .messageIdDisplayButton {
   cursor: pointer;