diff options
Diffstat (limited to 'comm/mail/themes/windows/mail/contextMenu.css')
-rw-r--r-- | comm/mail/themes/windows/mail/contextMenu.css | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/comm/mail/themes/windows/mail/contextMenu.css b/comm/mail/themes/windows/mail/contextMenu.css new file mode 100644 index 0000000000..efec4e8ec9 --- /dev/null +++ b/comm/mail/themes/windows/mail/contextMenu.css @@ -0,0 +1,74 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, you can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://messenger/skin/shared/contextMenu.css"); + +/* Disabled empty item looks too small otherwise, because it has no icon. */ +menuitem[disabled="true"]:not(.menuitem-iconic) { + /* This is 16px for an icon + 3px for its margins + 1px for its padding + + * 2px for its border. */ + min-height: 22px; +} + +menupopup:not([type="arrow"]) { + margin: -4px; +} + +@media (prefers-contrast) { + menupopup:not(:-moz-lwtheme) > :is(menu, menuitem):not([disabled="true"])[_moz-menuactive] { + color: SelectedItemText; + } +} + +@media (-moz-windows-non-native-menus) { + menupopup[needsgutter] menu:not([icon], .menu-iconic), + menupopup[needsgutter] menuitem:not([checked="true"], [icon], .menuitem-iconic) { + padding-inline-start: 32px; + } + + menupopup > :is(menu, menuitem):not([needsgutter]) > + menuitem:not([icon], .menuitem-iconic) { + padding-inline-start: 1em; + } + + menuitem[checked="true"] { + padding-inline-start: 8px; + } +} + +@media (-moz-windows-non-native-menus: 0) { + menupopup { + appearance: none; + background-color: transparent; + border: none; + /* Somehow the double border radius is needed to look correct. */ + border-radius: calc(2 * var(--arrowpanel-border-radius)); + } + + menupopup:not([type="arrow"])::part(content) { + --panel-shadow-margin: 4px; + --panel-shadow: 0 0 4px hsla(0, 0%, 0%, 0.2); + } + + /* Override popup.css */ + menulist > menupopup { + --panel-background: var(--arrowpanel-background); + --panel-border-color: var(--arrowpanel-border-color); + } + + :is(.menuitem-iconic, .menu-iconic) > .menu-iconic-left, + menupopup > menuitem:is([type="checkbox"],[type="radio"]) > .menu-iconic-left, + menupopup > menuitem > .menu-text { + appearance: none; + } + + menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon { + display: block; + } + + .menu-text, .menu-iconic-text, + menupopup > :is(menu, menuitem) > .menu-text { + margin-inline-start: 8px !important; + } +} |