From a7ce08cce202fc20699db166bac56608a18684fe Mon Sep 17 00:00:00 2001 From: James Koster Date: Fri, 30 Jun 2023 15:01:43 +0100 Subject: [PATCH 1/3] Update z-index --- packages/base-styles/_z-index.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss index cc4a42df98f0a..ecc225c503833 100644 --- a/packages/base-styles/_z-index.scss +++ b/packages/base-styles/_z-index.scss @@ -186,7 +186,7 @@ $z-layers: ( ".edit-site-layout__hub": 3, ".edit-site-layout__header": 2, ".edit-site-page-header": 2, - ".edit-site-layout__canvas-container": 2, + ".edit-site-layout__canvas-container": 4, ".edit-site-layout__sidebar": 1, ".edit-site-layout__canvas-container.is-resizing::after": 100, // Title needs to appear above other UI the section content. From 890956821333382c6000bda4bdb6d6a204f939a9 Mon Sep 17 00:00:00 2001 From: James Koster Date: Mon, 3 Jul 2023 15:20:11 +0100 Subject: [PATCH 2/3] Revert "Update z-index" This reverts commit a7ce08cce202fc20699db166bac56608a18684fe. --- packages/base-styles/_z-index.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss index ecc225c503833..cc4a42df98f0a 100644 --- a/packages/base-styles/_z-index.scss +++ b/packages/base-styles/_z-index.scss @@ -186,7 +186,7 @@ $z-layers: ( ".edit-site-layout__hub": 3, ".edit-site-layout__header": 2, ".edit-site-page-header": 2, - ".edit-site-layout__canvas-container": 4, + ".edit-site-layout__canvas-container": 2, ".edit-site-layout__sidebar": 1, ".edit-site-layout__canvas-container.is-resizing::after": 100, // Title needs to appear above other UI the section content. From 4a1417b33754362f16c9f28766a0f01964c7b5e0 Mon Sep 17 00:00:00 2001 From: James Koster Date: Mon, 3 Jul 2023 17:08:12 +0100 Subject: [PATCH 3/3] Fade the title and command center toggle --- .../src/components/resizable-frame/style.scss | 17 +++++++++++++++++ .../src/components/site-hub/style.scss | 5 +++++ 2 files changed, 22 insertions(+) diff --git a/packages/edit-site/src/components/resizable-frame/style.scss b/packages/edit-site/src/components/resizable-frame/style.scss index 9a959afe845e4..b1da6e1c39399 100644 --- a/packages/edit-site/src/components/resizable-frame/style.scss +++ b/packages/edit-site/src/components/resizable-frame/style.scss @@ -1,6 +1,23 @@ .edit-site-resizable-frame__inner { position: relative; + &.edit-site-layout__resizable-frame-oversized { + @at-root { + body:has(&) { + .edit-site-site-hub { + .edit-site-site-hub__site-title, + .edit-site-site-hub_toggle-command-center { + opacity: 0 !important; + } + + .edit-site-site-hub__view-mode-toggle-container { + background-color: transparent; + } + } + } + } + } + &.is-resizing { @at-root { body:has(&) { diff --git a/packages/edit-site/src/components/site-hub/style.scss b/packages/edit-site/src/components/site-hub/style.scss index d0689fec4efa9..70d256e2c4a56 100644 --- a/packages/edit-site/src/components/site-hub/style.scss +++ b/packages/edit-site/src/components/site-hub/style.scss @@ -8,6 +8,11 @@ gap: 0; } + .edit-site-site-hub__site-title, + .edit-site-site-hub_toggle-command-center { + transition: opacity ease 0.1s; + } + .edit-site-site-hub__site-view-link { flex-grow: 0; @include break-mobile() {