@@ -138,6 +138,13 @@ Rectangle {
138138 value: priv.focusedAppDelegate !== null && priv.focusedAppDelegate.state === "maximized"
139139 }
140140
141+ Rectangle {
142+ id: spreadBackground
143+ anchors.fill: parent
144+ color: "#55000000"
145+ visible: false
146+ }
147+
141148 Item {
142149 id: appContainer
143150 anchors.fill: parent
@@ -373,7 +380,7 @@ Rectangle {
373380 }
374381 }
375382
376− Rectangle {
383+ Item {
377384 id: workspaceSelector
378385 anchors {
379386 left: parent.left
@@ -382,7 +389,6 @@ Rectangle {
382389 topMargin: units.gu(3.5) // TODO: should be root.panelHeight
383390 }
384391 height: root.height * 0.25
385− color: "#55000000"
386392 visible: false
387393
388394 RowLayout {
@@ -474,6 +480,7 @@ Rectangle {
474480 PropertyChanges { target: workspaceSelector; visible: true }
475481 PropertyChanges { target: spreadFlickable; enabled: true }
476482 PropertyChanges { target: currentSelectedLabel; visible: true }
483+ PropertyChanges { target: spreadBackground; visible: true }
477484 }
478485 ]
479486 signal updateWorkspaces();