From 84dc18e51025b1788f535c31f4955c74a6f4a2d4 Mon Sep 17 00:00:00 2001 From: Riad Benguella Date: Wed, 19 Jun 2024 15:28:35 +0200 Subject: [PATCH 1/2] Site Editor: Improve the frame animation --- .../edit-site/src/components/block-editor/style.scss | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/packages/edit-site/src/components/block-editor/style.scss b/packages/edit-site/src/components/block-editor/style.scss index 2e6e7f95b715f..3849eed24a4ea 100644 --- a/packages/edit-site/src/components/block-editor/style.scss +++ b/packages/edit-site/src/components/block-editor/style.scss @@ -1,15 +1,4 @@ -/* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */ -::view-transition-old(frame), -::view-transition-new(frame) { - animation-duration: 0; -} -/* stylelint-enable */ - .edit-site-visual-editor__editor-canvas { - /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */ - view-transition-name: frame; - /* stylelint-enable */ - &.is-focused { outline: calc(2 * var(--wp-admin-border-width-focus)) solid var(--wp-admin-theme-color); outline-offset: calc(-2 * var(--wp-admin-border-width-focus)); From 2212dbfefaff02c937156cd09db904676c512e49 Mon Sep 17 00:00:00 2001 From: Riad Benguella Date: Wed, 19 Jun 2024 20:06:02 +0200 Subject: [PATCH 2/2] Disable cross-fade --- packages/edit-site/src/style.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/packages/edit-site/src/style.scss b/packages/edit-site/src/style.scss index 6203c24196592..36029fc1c51c4 100644 --- a/packages/edit-site/src/style.scss +++ b/packages/edit-site/src/style.scss @@ -36,6 +36,19 @@ @import "./components/pagination/style.scss"; @import "./components/global-styles/variations/style.scss"; +/* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */ +::view-transition-image-pair(root) { + isolation: auto; +} + +::view-transition-old(root), +::view-transition-new(root) { + animation: none; + mix-blend-mode: normal; + display: block; +} +/* stylelint-enable */ + body.js #wpadminbar { display: none; }