mirror of
https://github.com/zotero/zotero.git
synced 2026-10-10 03:28:10 +00:00
82 lines
2.3 KiB
SCSS
82 lines
2.3 KiB
SCSS
menupopup {
|
|
menu, menuitem {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
menuseparator {
|
|
--panel-separator-color: light-dark(rgba(170, 170, 170, 0.5), rgba(100, 100, 100, 0.5));
|
|
}
|
|
}
|
|
|
|
// Inherit from https://searchfox.org/mozilla-esr128/source/toolkit/themes/osx/global/menu.css
|
|
// to override menulist popup rules,
|
|
// because menulist popup is always treated as with gutter on macOS
|
|
menulist > menupopup {
|
|
& > menu,
|
|
& > menuitem,
|
|
& > menucaption {
|
|
padding-inline-start: 0;
|
|
|
|
|
|
&::before {
|
|
content: '\2713'; /* a checkmark */
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
line-height: 0;
|
|
visibility: hidden;
|
|
padding-inline: 4px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
&:is([checked="true"], [selected="true"])::before {
|
|
visibility: inherit;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Modified based on rules from https://searchfox.org/mozilla-esr102/source/browser/base/content/browser.css
|
|
|
|
/* On Mac, use the properties "-moz-window-transform" and "-moz-window-opacity"
|
|
instead of "transform" and "opacity" for these animations.
|
|
The -moz-window* properties apply to the whole window including the window's
|
|
shadow, and they don't affect the window's "shape", so the system doesn't
|
|
have to recompute the shadow shape during the animation. This makes them a
|
|
lot faster. In fact, Gecko no longer triggers shadow shape recomputations
|
|
for repaints.
|
|
These properties are not implemented on other platforms. */
|
|
menupopup:not([animate="false"]) {
|
|
transition-property: -moz-window-transform, -moz-window-opacity;
|
|
transition-duration: 0.18s, 0.18s;
|
|
transition-timing-function:
|
|
var(--animation-easing-function), ease-out;
|
|
}
|
|
|
|
/* Only do the fade-in animation on pre-Big Sur to avoid missing shadows on
|
|
* Big Sur, see bug 1672091. */
|
|
@media (-moz-mac-big-sur-theme: 0) {
|
|
menupopup:not([animate="false"]) {
|
|
-moz-window-opacity: 0;
|
|
-moz-window-transform: translateY(-70px);
|
|
}
|
|
|
|
menupopup[side="bottom"]:not([animate="false"]) {
|
|
-moz-window-transform: translateY(70px);
|
|
}
|
|
}
|
|
|
|
/* [animate] is here only so that this rule has greater specificity than the
|
|
* rule right above */
|
|
menupopup[animate][animate="open"] {
|
|
-moz-window-opacity: 1.0;
|
|
transition-duration: 0.18s, 0.18s;
|
|
-moz-window-transform: none;
|
|
transition-timing-function:
|
|
var(--animation-easing-function), ease-in-out;
|
|
}
|
|
|
|
menupopup[animate][animate="cancel"] {
|
|
-moz-window-opacity: 0;
|
|
-moz-window-transform: none;
|
|
}
|
|
|
|
// End of browser.css
|