Bug 1627516 - Fix the multi level popup appearance in Account Manager. r=aleca
authorRichard Marti <richard.marti@gmail.com>
Sun, 05 Apr 2020 17:01:10 +0200
changeset 38731 8bdf622801b61370f834b2bab714ad68b59f72f5
parent 38730 4ecde8979596f91bdd7406291aeb3c6cb5abc615
child 38732 2075434642ad796bb567cca4376d3e7aaefec022
push id401
push userclokep@gmail.com
push dateMon, 01 Jun 2020 20:41:59 +0000
reviewersaleca
bugs1627516
Bug 1627516 - Fix the multi level popup appearance in Account Manager. r=aleca
mail/themes/osx/mail/accountManage.css
mail/themes/shared/mail/accountManage.css
--- a/mail/themes/osx/mail/accountManage.css
+++ b/mail/themes/osx/mail/accountManage.css
@@ -32,16 +32,20 @@ treechildren::-moz-tree-image(folderName
 button {
   min-height: 19px; /* aqua size for small buttons */
 }
 
 description {
   margin: 4px 4px 8px;
 }
 
+menulist > menupopup .menu-right {
+  margin-inline: 0;
+}
+
 #archiveTree > treechildren {
   background-color: #FFFFFF;
 }
 
 #accountActionsButton> .button-box > .button-menu-dropmarker {
   -moz-appearance: none;
   display: -moz-box;
   list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
--- a/mail/themes/shared/mail/accountManage.css
+++ b/mail/themes/shared/mail/accountManage.css
@@ -101,16 +101,69 @@ fieldset:last-of-type {
 .folderMenuItem > .menulist-dropmarker {
   -moz-image-region: auto;
 }
 
 menupopup[is="folder-menupopup"] {
   -moz-appearance: none;
 }
 
+menulist > menupopup menu,
+menulist > menupopup menuitem {
+  padding-inline-end: 5px;
+}
+
+/* Needed for additional menupopup levels */
+menulist > menupopup menupopup {
+  -moz-appearance: none;
+  border: 1px solid var(--in-content-box-border-color);
+  border-radius: 2px;
+  background-color: var(--in-content-box-background);
+}
+
+menulist > menupopup menupopup > menu:not([disabled="true"])[_moz-menuactive="true"],
+menulist > menupopup menupopup > menuitem:not([disabled="true"])[_moz-menuactive="true"] {
+  color: var(--in-content-text-color);
+  background-color: var(--in-content-item-hover);
+}
+
+menulist > menupopup menupopup > menu:not([disabled="true"])[selected="true"],
+menulist > menupopup menupopup > menuitem:not([disabled="true"])[selected="true"] {
+  color: var(--in-content-selected-text);
+  background-color: var(--in-content-item-selected);
+}
+
+menulist > menupopup menupopup > menu[disabled="true"],
+menulist > menupopup menupopup > menuitem[disabled="true"] {
+  color: #999;
+  /* override the [_moz-menuactive="true"] background color from
+     global/menu.css */
+  background-color: transparent;
+}
+
+menulist > menupopup .menu-right {
+  -moz-appearance: none;
+  -moz-context-properties: fill;
+  list-style-image: url("chrome://messenger/skin/icons/back-12.svg");
+  -moz-image-region: auto;
+  fill: currentColor;
+}
+
+menulist > menupopup .menu-right:-moz-locale-dir(ltr) {
+  transform: scaleX(-1);
+}
+
+menulist > menupopup menupopup menuseparator {
+  -moz-appearance: none;
+  margin: 0;
+  padding: 0;
+  border-top: 1px solid var(--in-content-box-border-color);
+  border-bottom: none;
+}
+
 .specialFolderPickerGrid {
   margin-inline-start: 20px;
 }
 
 .fccReplyFollowsParent {
   margin-inline-start: 20px;
 }