no-bug: Optimize rendering for glance animation and other components (gh-12888)

src/zen/common/styles/zen-single-components.css

@@ -566,7 +566,6 @@
 
       transition: transform 0.12s ease-in-out;
       box-sizing: border-box;
-      will-change: transform;
     }
 
     &.active {

src/zen/glance/zen-glance.css

@@ -107,8 +107,6 @@
   box-shadow: none !important;
   visibility: inherit;
   z-index: 1;
-  /* Hint compositor to optimize animations and scrolling */
-  will-change: transform, opacity, filter;
 
   :root[zen-no-padding="true"] & {
     --zen-native-inner-radius: 0px;
@@ -120,8 +118,6 @@
     top: 0;
     left: 0;
     flex: unset !important;
-    /* Promote to its own layer during transitions to reduce jank */
-    will-change: transform, top, left;
     width: 85%;
     height: 100%;
 
@@ -173,7 +169,6 @@
   top: 0%;
   left: 50%;
   translate: -50% 0%;
-  will-change: transform, opacity;
   background: rgba(255, 255, 255, 0.1);
 
   & image {

src/zen/spaces/zen-workspaces.css

@@ -308,7 +308,6 @@
 
 /* mark: workspace element */
 zen-workspace {
-  will-change: transform;
   flex-direction: column;
   transition: padding-top 0.1s;
   width: calc(100% + var(--zen-toolbox-padding) * 2);

src/zen/split-view/zen-split-view.css

@@ -211,7 +211,6 @@
   border-radius: var(--zen-native-inner-radius);
   box-shadow: var(--zen-big-shadow);
   overflow: hidden;
-  will-change: width, margin-left;
 
   &[side="top"],
   &[side="bottom"] {

src/zen/tabs/zen-tabs/vertical-tabs-topbar.inc.css

@@ -16,7 +16,6 @@ z-index: 1;
 
 @media -moz-pref('zen.view.hide-window-controls') {
   transition: height var(--zen-hidden-toolbar-transition), opacity var(--zen-hidden-toolbar-transition);
-  will-change: height, opacity;
   transition-delay: 0.2s;
   overflow: clip;