Bug 1565075 - Fix the textbox-addressingWidget and the autocomplete-richlistbox in composer with dark theme. r=aleca
authorRichard Marti <richard.marti@gmail.com>
Wed, 18 Sep 2019 19:24:37 +0200
changeset 78988 14221930e600f38161ccbf149fa33fb9971e09c6
parent 78956 d109b7903efb4637d877845579fc8501b132e3d3
child 78989 2ecc70ddc9e184bfb0221f3ab7ca5be6abb57ee4
push id9333
push usermkmelin@iki.fi
push dateThu, 19 Sep 2019 05:20:01 +0000
treeherdertry-comm-central@406e11b425eb [default view] [failures only]
reviewersaleca
bugs1565075
Bug 1565075 - Fix the textbox-addressingWidget and the autocomplete-richlistbox in composer with dark theme. r=aleca
mail/themes/linux/mail/compose/messengercompose.css
mail/themes/osx/mail/compose/messengercompose.css
mail/themes/shared/mail/compacttheme.css
mail/themes/windows/mail/compose/messengercompose.css
--- a/mail/themes/linux/mail/compose/messengercompose.css
+++ b/mail/themes/linux/mail/compose/messengercompose.css
@@ -190,33 +190,32 @@ menulist:-moz-locale-dir(rtl) > .menulis
 
 .addressingWidgetItem,
 .dummy-row {
   background-color: transparent !important;
   color: inherit !important;
   margin-top: 1px;
 }
 
-html|input.textbox-addressingWidget,
+.textbox-addressingWidget,
 .dummy-row-cell:last-child {
   padding: 3px 2px !important;
   padding-inline-start: 5px !important;
   border: solid 1px transparent !important;
   border-bottom-color: var(--toolbarbutton-hover-bordercolor) !important;
   transition: border .2s, background-color .2s;
-  background-color: transparent;
  }
 
 .addressingWidgetCell:nth-child(2),
 .dummy-row-cell:nth-child(2) {
   border-bottom-color: transparent;
 }
 
-html|input.textbox-addressingWidget:focus,
-html|input.textbox-addressingWidget:hover {
+.textbox-addressingWidget:focus,
+.textbox-addressingWidget:hover {
   background-color: -moz-field;
   border-color: var(--toolbarbutton-hover-bordercolor) !important;
 }
 
 .deleteAddress {
   margin-inline-start: 0;
   margin-bottom: initial;
 }
--- a/mail/themes/osx/mail/compose/messengercompose.css
+++ b/mail/themes/osx/mail/compose/messengercompose.css
@@ -253,33 +253,32 @@ toolbar[nowindowdrag="true"] {
 }
 
 .addressingWidgetItem,
 .dummy-row {
   background-color: inherit !important;
   color: inherit !important;
 }
 
-html|input.textbox-addressingWidget,
+.textbox-addressingWidget,
 .dummy-row-cell:last-child {
   border: 1px solid transparent !important;
   border-bottom-color: #C6C6C6 !important;
   border-top-left-radius: 2px;
   border-bottom-right-radius: 2px;
   min-height: 20px;
   margin-top: 1px !important;
   margin-bottom: 1px !important;
   padding: 1px 3px !important;
   padding-inline-start: 6px !important;
   transition: border .2s, background-color .2s;
-  background-color: transparent;
 }
 
-html|input.textbox-addressingWidget:focus,
-html|input.textbox-addressingWidget:hover {
+.textbox-addressingWidget:focus,
+.textbox-addressingWidget:hover {
   background-color: white;
   background-image: none;
   border-color: #C6C6C6 !important;
 }
 
 .deleteAddress {
   margin-top: 1px;
   margin-inline-end: 0;
--- a/mail/themes/shared/mail/compacttheme.css
+++ b/mail/themes/shared/mail/compacttheme.css
@@ -127,36 +127,31 @@
 #msgSubject:focus,
 .textbox-addressingWidget:hover,
 .textbox-addressingWidget:focus {
   background-color: var(--lwt-toolbar-field-background-color);
   color: var(--lwt-toolbar-field-color);
   border-color: var(--lwt-toolbar-field-border-color) !important;
 }
 
-.textbox-addressingWidget > .autocomplete-result-popupset {
-  -moz-appearance: none;
+:root[lwt-popup-brighttext] panel[type="autocomplete-richlistbox"]:-moz-lwtheme {
   margin-top: -1px;
+  padding: 2px 0;
   background: var(--autocomplete-popup-background);
   color: var(--autocomplete-popup-color);
+  border-color: var(--autocomplete-popup-border-color);
+  scrollbar-color: rgba(249,249,250,.4) rgba(20,20,25,.3);
 }
 
-.textbox-addressingWidget panel[type="autocomplete-richlistbox"] {
-  padding: 2px 0;
-  color: inherit;
-  background-color: inherit;
-  border-color: var(--autocomplete-popup-border-color);
-}
-
-.textbox-addressingWidget .autocomplete-richlistbox {
+:root[lwt-popup-brighttext] .autocomplete-richlistbox {
   color: inherit;
   background-color: inherit;
 }
 
-.textbox-addressingWidget .autocomplete-richlistitem[selected] {
+:root[lwt-popup-brighttext] .autocomplete-richlistitem[selected] {
   background: #0a84ff;
   color: #fff;
 }
 
 /* Make the new mail indicator better visible on dark theme */
 #folderTree:-moz-lwtheme-brighttext
   treechildren::-moz-tree-cell-text(folderNameCol, isServer-true, biffState-NewMail),
 #folderTree:-moz-lwtheme-brighttext
--- a/mail/themes/windows/mail/compose/messengercompose.css
+++ b/mail/themes/windows/mail/compose/messengercompose.css
@@ -183,35 +183,34 @@
   box-shadow: none;
 }
 
 #addressingWidget > .addressingWidgetItem {
   padding-top: 0;
   padding-bottom: 2px;
 }
 
-html|input.textbox-addressingWidget,
+.textbox-addressingWidget,
 .dummy-row-cell:last-child {
   margin-bottom: 2px !important;
   padding: 2px !important;
   padding-inline-start: 5px !important;
   border: 1px solid transparent !important;
   transition: border .2s, background-color .2s;
-  background-color: transparent;
 }
 
 @media (-moz-windows-default-theme: 0) {
-  html|input.textbox-addressingWidget,
+  .textbox-addressingWidget,
     .dummy-row-cell:last-child {
     border-bottom-color: ThreeDShadow !important;
     margin-inline-end: 1px !important;
   }
 
-  html|input.textbox-addressingWidget:hover,
-  html|input.textbox-addressingWidget:focus {
+  .textbox-addressingWidget:hover,
+  .textbox-addressingWidget:focus {
     background-color: -moz-field;
     border-color: ThreeDShadow !important;
   }
 }
 
 .addressingWidgetCell:nth-child(2),
 .dummy-row-cell:nth-child(2) {
   border-bottom-color: transparent;
@@ -649,23 +648,23 @@ toolbar:not(:-moz-lwtheme) {
 .autocomplete-richlistitem[type="subscribed-news"] > .ac-site-icon {
   list-style-image: url("chrome://messenger/skin/icons/folder.png");
   -moz-image-region: rect(0 160px 16px 144px);
 }
 
 /* ::::: addressing widget ::::: */
 
 @media (-moz-windows-default-theme) {
-  html|input.textbox-addressingWidget,
+  .textbox-addressingWidget,
   .dummy-row-cell:last-child {
     border-bottom-color: #a9b7c9 !important;
   }
 
-  html|input.textbox-addressingWidget:hover,
-  html|input.textbox-addressingWidget:focus {
+  .textbox-addressingWidget:hover,
+  .textbox-addressingWidget:focus {
     background-color: -moz-field;
     border-color: #a9b7c9 !important;
   }
 
   menulist,
   menulist[disabled="true"] {
     color: inherit;
     border: 1px solid;