Bug 1561748 - Fix menulist dropdown arrows after bug 1560556. r=jorgk
authorRichard Marti <richard.marti@gmail.com>
Thu, 27 Jun 2019 12:57:12 +0200
changeset 35969 f00b3cb050f365d2edf65b0fb83f9035f45b52e6
parent 35968 514320eaad420d55c27d60b910cdd75a6073a750
child 35970 537896eeac1b6837f6b14e9b937215571d8ce0e9
push id392
push userclokep@gmail.com
push dateMon, 02 Sep 2019 20:17:19 +0000
reviewersjorgk
bugs1561748, 1560556
Bug 1561748 - Fix menulist dropdown arrows after bug 1560556. r=jorgk
calendar/base/themes/common/today-pane.css
chat/themes/otr.css
mail/themes/linux/mail/messenger.css
mail/themes/osx/mail/compose/messengercompose.css
mail/themes/osx/mail/editContactPanel.css
mail/themes/osx/mail/messenger.css
mail/themes/windows/mail/compose/messengercompose.css
mail/themes/windows/mail/mailWindow1.css
mail/themes/windows/mail/messenger.css
--- a/calendar/base/themes/common/today-pane.css
+++ b/calendar/base/themes/common/today-pane.css
@@ -187,17 +187,17 @@
 
 #miniday-dropdown-button > .toolbarbutton-menu-dropmarker {
   padding-inline-start: 0;
   list-style-image: url("chrome://messenger/skin/icons/toolbarbutton-arrow.svg");
   -moz-context-properties: fill;
   fill: currentColor;
 }
 
-#miniday-dropdown-button > .toolbarbutton-menu-dropmarker > .dropmarker-icon {
+#miniday-dropdown-button > .toolbarbutton-menu-dropmarker::part(icon) {
   width: 9px;
   height: 7px;
 }
 
 #agenda-toolbar {
   border: none;
   padding: 4px 1px;
 }
--- a/chat/themes/otr.css
+++ b/chat/themes/otr.css
@@ -42,17 +42,17 @@ toolbarbutton.otr-button {
   -moz-appearance: none !important;
   list-style-image: none;
   margin-left: 0;
   margin-right: 0;
   margin-inline-start: 3px;
   width: 9px;
 }
 
-.otr-button .toolbarbutton-menu-dropmarker > .dropmarker-icon {
+.otr-button .toolbarbutton-menu-dropmarker::part(icon) {
   width: 17px;
   height: 7px;
   background-image: url("chrome://messenger/skin/icons/toolbarbutton-arrow.svg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 9px 7px;
 }
 
--- a/mail/themes/linux/mail/messenger.css
+++ b/mail/themes/linux/mail/messenger.css
@@ -434,18 +434,18 @@ toolbox[labelalign="end"] .toolbarbutton
 .toolbarbutton-1 .toolbarbutton-menu-dropmarker,
 .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
   -moz-appearance: none !important;
   list-style-image: none;
   margin-left: 0;
   margin-right: 0;
 }
 
-.toolbarbutton-1 .toolbarbutton-menu-dropmarker > .dropmarker-icon,
-.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+.toolbarbutton-1 .toolbarbutton-menu-dropmarker::part(icon),
+.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker::part(icon) {
   width: 17px;
   height: 7px;
   background-image: url("chrome://messenger/skin/icons/toolbarbutton-arrow.svg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 9px 7px;
 }
 
--- a/mail/themes/osx/mail/compose/messengercompose.css
+++ b/mail/themes/osx/mail/compose/messengercompose.css
@@ -409,35 +409,34 @@ toolbarbutton.formatting-button {
 #indentButton:-moz-locale-dir(ltr),
 #boldButton:-moz-locale-dir(rtl),
 #ulButton:-moz-locale-dir(rtl) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
 toolbarbutton.formatting-button[disabled="true"] > .toolbarbutton-menu-dropmarker,
-toolbarbutton.formatting-button[disabled="true"] > .toolbarbutton-menubutton-dropmarker
-  > .dropmarker-icon,
+toolbarbutton.formatting-button[disabled="true"] > .toolbarbutton-menubutton-dropmarker::part(icon),
 toolbarbutton.formatting-button:not(:hover):-moz-window-inactive > .toolbarbutton-icon,
 toolbarbutton.formatting-button:not(:hover):-moz-window-inactive
   > .toolbarbutton-menu-dropmarker,
 toolbarbutton.formatting-button:not(:hover):-moz-window-inactive
-  > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+  > .toolbarbutton-menubutton-dropmarker::part(icon) {
   opacity: .5;
 }
 
 toolbarbutton.formatting-button > .toolbarbutton-menu-dropmarker,
 toolbarbutton.formatting-button > .toolbarbutton-menubutton-dropmarker {
   list-style-image: url(chrome://messenger/skin/icons/toolbarbutton-arrow.svg);
   -moz-context-properties: fill;
   fill: currentColor;
 }
 
-toolbarbutton.toolbarbutton-1 .toolbarbutton-menu-dropmarker > .dropmarker-icon,
-toolbarbutton.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+toolbarbutton.toolbarbutton-1 .toolbarbutton-menu-dropmarker::part(icon),
+toolbarbutton.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker::part(icon) {
   width: 9px;
   height: 7px;
 }
 
 #AbsoluteFontSizeButton {
   -moz-image-region: rect(180px 20px 192px 0px);
 }
 
--- a/mail/themes/osx/mail/editContactPanel.css
+++ b/mail/themes/osx/mail/editContactPanel.css
@@ -57,17 +57,17 @@
   opacity: .5;
 }
 
 #editContactAddressBookList > .menulist-dropmarker {
   -moz-appearance: none;
   display: -moz-box;
 }
 
-#editContactAddressBookList > .menulist-dropmarker > .dropmarker-icon {
+#editContactAddressBookList > .menulist-dropmarker::part(icon) {
   list-style-image: url(chrome://messenger/skin/icons/toolbarbutton-arrow.svg);
   -moz-context-properties: fill;
   fill: currentColor;
   width: 7px;
   height: 5px;
 }
 
 .editContactTextbox {
--- a/mail/themes/osx/mail/messenger.css
+++ b/mail/themes/osx/mail/messenger.css
@@ -386,39 +386,38 @@ toolbar:not([mode="icons"]) .toolbarbutt
   background: hsla(0, 0%, 0%, .3) padding-box;
   box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .2);
 }
 
 .toolbarbutton-1[disabled="true"] > .toolbarbutton-icon,
 .toolbarbutton-1[type="menu-button"]
   > .toolbarbutton-menubutton-button[disabled="true"] > .toolbarbutton-icon,
 .toolbarbutton-1[disabled="true"] > .toolbarbutton-menu-dropmarker,
-.toolbarbutton-1[disabled="true"] > .toolbarbutton-menubutton-dropmarker
-  > .dropmarker-icon,
+.toolbarbutton-1[disabled="true"] > .toolbarbutton-menubutton-dropmarker::part(icon),
 .toolbarbutton-1:not(:hover):-moz-window-inactive .toolbarbutton-icon,
 .toolbarbutton-1:not(:hover):-moz-window-inactive
   > .toolbarbutton-menu-dropmarker,
 .toolbarbutton-1:not(:hover):-moz-window-inactive
-  > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+  > .toolbarbutton-menubutton-dropmarker::part(icon) {
   opacity: .5;
 }
 
 .toolbarbutton-1:-moz-window-inactive[disabled="true"] > .toolbarbutton-icon,
 .toolbarbutton-1:-moz-window-inactive[type="menu-button"]
   > .toolbarbutton-menubutton-button[disabled="true"] > .toolbarbutton-icon {
   opacity: .25;
 }
 
 .toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
 .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
   list-style-image: url(chrome://messenger/skin/icons/toolbarbutton-arrow.svg);
 }
 
-.toolbarbutton-menu-dropmarker > .dropmarker-icon,
-.toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+.toolbarbutton-menu-dropmarker::part(icon),
+.toolbarbutton-menubutton-dropmarker::part(icon) {
   width: 7px;
   height: 5px;
 }
 
 .toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
   margin-inline-end: 1px;
   padding-inline-start: 4px;
 }
@@ -634,17 +633,17 @@ button.notification-button > .button-box
   padding-inline-end: 5px;
   border-inline-end: 1px solid rgba(0,0,0,.35);
 }
 
 .button-menubutton-dropmarker {
   -moz-appearance: none;
 }
 
-button .dropmarker-icon {
+button dropmarker::part(icon) {
   list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
   -moz-context-properties: fill;
   fill: currentColor;
 }
 
 button[is="button-menu-button"] > .button-box > dropmarker {
   margin-inline-end: -5px;
 }
--- a/mail/themes/windows/mail/compose/messengercompose.css
+++ b/mail/themes/windows/mail/compose/messengercompose.css
@@ -694,17 +694,17 @@ toolbar:not(:-moz-lwtheme) {
   .menulist-dropmarker[disabled="true"] {
     -moz-appearance: none;
     list-style-image: url("chrome://messenger/skin/icons/toolbarbutton-arrow.svg");
     -moz-context-properties: fill;
     fill: currentColor;
     margin-top: 0;
   }
 
-  .menulist-dropmarker > .dropmarker-icon {
+  .menulist-dropmarker::part(icon) {
     width: 9px;
     height: 7px;
   }
 }
 
 .aw-menulist {
   list-style-image: url("chrome://messenger/skin/icons/toolbarbutton-arrow.svg");
   -moz-context-properties: fill;
--- a/mail/themes/windows/mail/mailWindow1.css
+++ b/mail/themes/windows/mail/mailWindow1.css
@@ -557,17 +557,17 @@ treechildren::-moz-tree-cell-text(dummy)
     -moz-box-pack: center;
     list-style-image: url("chrome://messenger/skin/icons/toolbarbutton-arrow.svg");
     -moz-image-region: auto;
     -moz-context-properties: fill;
     fill: currentColor;
     margin-top: 0;
   }
 
-  .menulist-dropmarker > .dropmarker-icon {
+  .menulist-dropmarker::part(icon) {
     width: 9px;
     height: 7px;
   }
 
   #viewPickerPopup > menu,
   #viewPickerPopup > menuitem {
     margin: 1px;
   }
--- a/mail/themes/windows/mail/messenger.css
+++ b/mail/themes/windows/mail/messenger.css
@@ -566,17 +566,17 @@ button[type="menu-button"] > .button-box
   }
 
   .button-menubutton-dropmarker {
    -moz-appearance: none;
    margin: 1px;
    padding-inline-start: 5px;
   }
 
-  .button-menubutton-dropmarker > .dropmarker-icon {
+  .button-menubutton-dropmarker::part(icon) {
     list-style-image: url("chrome://messenger/skin/icons/toolbarbutton-arrow.svg");
     width: 9px;
     height: 7px;
     -moz-context-properties: fill;
     fill: currentColor;
   }
 }
 
@@ -645,18 +645,18 @@ toolbox[labelalign="end"] > toolbar[mode
   padding-inline-end: 2px;
 }
 
 .toolbarbutton-1 .toolbarbutton-menu-dropmarker,
 .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
   list-style-image: url("chrome://messenger/skin/icons/toolbarbutton-arrow.svg");
 }
 
-.toolbarbutton-1 .toolbarbutton-menu-dropmarker > .dropmarker-icon,
-.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+.toolbarbutton-1 .toolbarbutton-menu-dropmarker::part(icon),
+.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker::part(icon) {
   width: 9px;
   height: 7px;
 }
 
 /* Separator between menu and split type buttons */
 .toolbarbutton-1:not(:hover):not(:active):not([open]):not([checked]) >
 .toolbarbutton-menubutton-dropmarker::before,
 .toolbarbutton-1[disabled="true"] >