Bug 1510266 - ensure header buttons are not pushed out of view when we have a long header. r=Paenglab
authorMagnus Melin <mkmelin+mozilla@iki.fi>
Thu, 29 Nov 2018 13:01:48 +0200
changeset 33816 dd4e2acab2ab99e6f53b72268d8b72aad1745632
parent 33815 6d2e32bd972987445f659ef51d701d54fa286618
child 33817 b3c0c0a2e783ae7ef151b8a5312eafc2cb36f8af
push id388
push userclokep@gmail.com
push dateMon, 28 Jan 2019 20:54:56 +0000
reviewersPaenglab
bugs1510266
Bug 1510266 - ensure header buttons are not pushed out of view when we have a long header. r=Paenglab
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
@@ -256,17 +256,17 @@ toolbar[mode="icons"] > #otherActionsBut
   color: -moz-hyperlinktext;
   text-decoration: underline;
 }
 
 .headerValueUrl:hover {
   color: -moz-activehyperlinktext;
 }
 
-mail-headerfield > .headerValue:focus {
+mail-headerfield.headerValue:focus {
   outline-color: Highlight;
 }
 
 .moreIndicator {
   font-weight: bold;
 }
 
 /* ::::: msg header message ids ::::: */
--- a/mail/themes/shared/mail/messageHeader.css
+++ b/mail/themes/shared/mail/messageHeader.css
@@ -92,16 +92,20 @@ toolbarpaletteitem #hdrSmartReplyButton 
   display: none;
 }
 
 .inline-toolbox[doCustomization] #hdrDummyReplyButton,
 toolbarpaletteitem #hdrDummyReplyButton {
   display: -moz-box !important;
 }
 
+.headerValue {
+  overflow-wrap: anywhere;
+}
+
 .headerValue[containsEmail="true"] {
   margin-inline-start: 0px !important;
 }
 
 #otherActionsBox {
   margin-inline-start: 8px;
 }
 
--- a/mail/themes/windows/mail/messageHeader.css
+++ b/mail/themes/windows/mail/messageHeader.css
@@ -157,17 +157,17 @@ window[inlinetoolbox] #newtoolbar {
   color: -moz-hyperlinktext;
   text-decoration: underline;
 }
 
 .headerValueUrl:hover {
   color: -moz-activehyperlinktext;
 }
 
-mail-headerfield > .headerValue:focus {
+mail-headerfield.headerValue:focus {
   outline-color: Highlight;
 }
 
 .moreIndicator {
   font-weight: bold;
 }
 
 /* ::::: msg header message ids ::::: */