Bug 1669691 - Port bug 1437512: Implement the panelmultiview CSS transition. r=aleca a=wsmwk
authorRichard Marti <richard.marti@gmail.com>
Thu, 08 Oct 2020 13:56:42 +0300
changeset 40837 cb8bd209b76f322fefe8b5002fb3b0e19823b2ac
parent 40836 eb4cc5f09c040b9b0bd7db93f451833934190f60
child 40838 855800ef6150bb9e7c789ad4c46af9b9cdcd57c5
push id406
push userthunderbird@calypsoblue.org
push dateMon, 19 Oct 2020 19:46:44 +0000
reviewersaleca, wsmwk
bugs1669691, 1437512
Bug 1669691 - Port bug 1437512: Implement the panelmultiview CSS transition. r=aleca a=wsmwk
mail/base/content/messenger.css
--- a/mail/base/content/messenger.css
+++ b/mail/base/content/messenger.css
@@ -184,16 +184,40 @@ toolbar[type="menubar"][autohide="true"]
     list-style-image: var(--webextension-menupanel-image-2x-dark, inherit);
   }
 
   .webextension-menuitem {
     list-style-image: var(--webextension-menuitem-image-2x, inherit) !important;
   }
 }
 
+panelmultiview[transitioning] {
+  pointer-events: none;
+}
+
+.panel-viewcontainer {
+  overflow: hidden;
+}
+
+.panel-viewcontainer[panelopen] {
+  transition-property: height;
+  transition-timing-function: var(--animation-easing-function);
+  transition-duration: var(--panelui-subview-transition-duration);
+  will-change: height;
+}
+
+.panel-viewcontainer.offscreen {
+  display: block;
+}
+
+.panel-viewstack {
+  overflow: visible;
+  transition: height var(--panelui-subview-transition-duration);
+}
+
 /* Status panel */
 
 statuspanel {
   position: fixed;
   display: block;
   margin-top: -3em;
   left: 0;
   z-index: 20;