session: add scrim

modules/drawers/Drawers.qml

@@ -35,11 +35,11 @@ Variants {
                 intersection: Intersection.Xor
 
                 regions: panels.children.map(c => regionComp.createObject(this, {
-                    x: c.x,
+                        x: c.x,
-                    y: c.y,
+                        y: c.y,
-                    width: c.width,
+                        width: c.width,
-                    height: c.height
+                        height: c.height
-                }))
+                    }))
             }
 
             anchors.top: true
@@ -55,6 +55,20 @@ Variants {
                 }
             }
 
+            StyledRect {
+                anchors.fill: parent
+                opacity: visibilities.session ? 0.5 : 0
+                color: Colours.palette.m3scrim
+
+                Behavior on opacity {
+                    NumberAnimation {
+                        duration: Appearance.anim.durations.normal
+                        easing.type: Easing.BezierSpline
+                        easing.bezierCurve: Appearance.anim.curves.standard
+                    }
+                }
+            }
+
             Item {
                 id: background