summaryrefslogtreecommitdiffstats
path: root/toolkit/content/xul.css
diff options
context:
space:
mode:
Diffstat (limited to 'toolkit/content/xul.css')
-rw-r--r--toolkit/content/xul.css89
1 files changed, 3 insertions, 86 deletions
diff --git a/toolkit/content/xul.css b/toolkit/content/xul.css
index e8635d4525..ead9997295 100644
--- a/toolkit/content/xul.css
+++ b/toolkit/content/xul.css
@@ -359,17 +359,15 @@ menubar > menu:empty {
/********* menupopup, panel, & tooltip ***********/
menupopup,
-panel {
- flex-direction: column;
-}
-
-menupopup,
panel,
tooltip {
position: fixed;
-moz-top-layer: top;
width: fit-content;
height: fit-content;
+ /* Make sure that popups are interactable when shown, since they escape the
+ * usual layering rules */
+ -moz-inert: none;
/* Popups can't have overflow */
contain: paint;
z-index: 2147483647;
@@ -438,87 +436,6 @@ tooltip:not([position]) {
}
}
-@media (-moz-panel-animations) and (prefers-reduced-motion: no-preference) {
-@media (-moz-platform: macos) {
- /* 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. */
- panel[type="arrow"]: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) {
- panel[type="arrow"]:not([animate="false"]) {
- -moz-window-opacity: 0;
- -moz-window-transform: translateY(-70px);
- }
-
- panel[type="arrow"][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 */
- panel[type="arrow"][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;
- }
-
- panel[type="arrow"][animate][animate="cancel"] {
- -moz-window-opacity: 0;
- -moz-window-transform: none;
- }
-} /* end of macOS rules */
-
-@media not (-moz-platform: macos) {
- panel[type="arrow"]:not([animate="false"]) {
- opacity: 0;
- transform: translateY(-70px);
- transition-property: transform, opacity;
- transition-duration: 0.18s, 0.18s;
- transition-timing-function:
- var(--animation-easing-function), ease-out;
- will-change: transform, opacity;
- }
-
- panel[type="arrow"][side="bottom"]:not([animate="false"]) {
- transform: translateY(70px);
- }
-
- /* [animate] is here only so that this rule has greater specificity than the
- * rule right above */
- panel[type="arrow"][animate][animate="open"] {
- opacity: 1.0;
- transition-duration: 0.18s, 0.18s;
- transform: none;
- transition-timing-function:
- var(--animation-easing-function), ease-in-out;
- }
-
- panel[type="arrow"][animate][animate="cancel"] {
- transform: none;
- }
-} /* end of non-macOS rules */
-}
-
-panel[type="arrow"][animating] {
- pointer-events: none;
-}
-
/******** tree ******/
treecolpicker {