From 649ee084e3fc25e27973a8e67829e0a0ef767d23 Mon Sep 17 00:00:00 2001 From: goutetsuguma Date: Tue, 23 Jan 2024 17:37:19 +0900 Subject: [PATCH 1/3] =?UTF-8?q?=E6=8B=A1=E5=A4=A7=E6=99=82=E3=81=AE?= =?UTF-8?q?=E3=83=95=E3=82=A9=E3=83=88=E3=83=95=E3=83=AC=E3=83=BC=E3=83=A0?= =?UTF-8?q?=E3=81=AE=E5=82=BE=E3=81=8D=E3=82=92=E3=83=AA=E3=82=BB=E3=83=83?= =?UTF-8?q?=E3=83=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/extensions/core/image/style.scss | 31 ++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/src/extensions/core/image/style.scss b/src/extensions/core/image/style.scss index b110556b0..c9e11e0c7 100644 --- a/src/extensions/core/image/style.scss +++ b/src/extensions/core/image/style.scss @@ -204,3 +204,34 @@ figure.wp-block-image{ } } } + +//「フォトフレーム傾き左」「フォトフレーム傾き右」で「クリックで拡大」をONにした時、拡大された画像の一部が欠けるので、拡大された時にフォトフレームの傾きをリセット +.wp-lightbox-overlay.zoom.active { + figure.wp-block-image{ + &.is-style-vk-image { + &-photoFrame-tilt-right{ + transform: none; + } + + &-photoFrame-tilt-left{ + transform: none; + } + } + } + .wp-block-image{ + &.is-style-vk-image { + &-photoFrame-tilt-right, &-photoFrame-tilt-right figure{ + &.alignleft, &.alignright, &.aligncenter{ + transform: none; + } + } + + &-photoFrame-tilt-left, &-photoFrame-tilt-left figure{ + &.alignleft, &.alignright, &.aligncenter{ + transform: none; + } + } + } + } + +} \ No newline at end of file From 20a75fe22a2c07c4156bb34b7c83b12ec779b1e6 Mon Sep 17 00:00:00 2001 From: goutetsuguma Date: Wed, 24 Jan 2024 11:39:10 +0900 Subject: [PATCH 2/3] =?UTF-8?q?=E3=82=B3=E3=83=A1=E3=83=B3=E3=83=88?= =?UTF-8?q?=E3=81=AA=E3=81=A9=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/extensions/core/image/style.scss | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/extensions/core/image/style.scss b/src/extensions/core/image/style.scss index c9e11e0c7..549045239 100644 --- a/src/extensions/core/image/style.scss +++ b/src/extensions/core/image/style.scss @@ -18,7 +18,7 @@ $border_primary: 1px solid #e5e5e5; width:auto; } figcaption { - display: block; + display: block !important; //管理画面で負けるので important 追加 margin: 8px 0 0; } } @@ -58,8 +58,6 @@ $border_primary: 1px solid #e5e5e5; //左寄せ、右寄せが未指定の場合はfigureに.is-style-vk-image のクラス名が付く //figure.wp-block-imageの「.wp-block-image」をつけないと、角丸2のスタイルがつかないので追加 - - figure.wp-block-image{ // width: fit-content; &.is-style-vk-image { @@ -123,7 +121,8 @@ figure.wp-block-image{ } } -//左寄せ、右寄せを指定した場合はdivのほうに.is-style-vk-image のクラス名が付くので、以下を追加する必要がある +//theme.json が有効時、左寄せ・右寄せを指定した場合はdivのほうに.is-style-vk-image のクラス名が付くので、以下を追加する必要がある。 +//このdivのラッパーはtheme.json が無効の場合はdivラッパーが削除される。 .wp-block-image{ &.is-style-vk-image { &-rounded figure{ @@ -218,7 +217,8 @@ figure.wp-block-image{ } } } - .wp-block-image{ + // theme.json が有効時、左寄せ・右寄せを指定した場合はdivでラッパーされるので追加 + .wp-block-image{ &.is-style-vk-image { &-photoFrame-tilt-right, &-photoFrame-tilt-right figure{ &.alignleft, &.alignright, &.aligncenter{ @@ -233,5 +233,4 @@ figure.wp-block-image{ } } } - } \ No newline at end of file From 64db861e32f74d4ec70d8972c7021a4caafa69ee Mon Sep 17 00:00:00 2001 From: goutetsuguma Date: Wed, 24 Jan 2024 11:39:10 +0900 Subject: [PATCH 3/3] =?UTF-8?q?readme=20=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- readme.txt | 1 + src/extensions/core/image/style.scss | 11 +++++------ 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/readme.txt b/readme.txt index 667b19e33..4c60b6a56 100644 --- a/readme.txt +++ b/readme.txt @@ -102,6 +102,7 @@ e.g. 1. VK Blocks examples. == Changelog == +[ Bug Fix ]Reset the tilt of the photo frame when it is enlarged = 1.68.0 = [ Add Function ][ Dynamic Text (Pro) ] Add feature to display logged-in username. diff --git a/src/extensions/core/image/style.scss b/src/extensions/core/image/style.scss index c9e11e0c7..549045239 100644 --- a/src/extensions/core/image/style.scss +++ b/src/extensions/core/image/style.scss @@ -18,7 +18,7 @@ $border_primary: 1px solid #e5e5e5; width:auto; } figcaption { - display: block; + display: block !important; //管理画面で負けるので important 追加 margin: 8px 0 0; } } @@ -58,8 +58,6 @@ $border_primary: 1px solid #e5e5e5; //左寄せ、右寄せが未指定の場合はfigureに.is-style-vk-image のクラス名が付く //figure.wp-block-imageの「.wp-block-image」をつけないと、角丸2のスタイルがつかないので追加 - - figure.wp-block-image{ // width: fit-content; &.is-style-vk-image { @@ -123,7 +121,8 @@ figure.wp-block-image{ } } -//左寄せ、右寄せを指定した場合はdivのほうに.is-style-vk-image のクラス名が付くので、以下を追加する必要がある +//theme.json が有効時、左寄せ・右寄せを指定した場合はdivのほうに.is-style-vk-image のクラス名が付くので、以下を追加する必要がある。 +//このdivのラッパーはtheme.json が無効の場合はdivラッパーが削除される。 .wp-block-image{ &.is-style-vk-image { &-rounded figure{ @@ -218,7 +217,8 @@ figure.wp-block-image{ } } } - .wp-block-image{ + // theme.json が有効時、左寄せ・右寄せを指定した場合はdivでラッパーされるので追加 + .wp-block-image{ &.is-style-vk-image { &-photoFrame-tilt-right, &-photoFrame-tilt-right figure{ &.alignleft, &.alignright, &.aligncenter{ @@ -233,5 +233,4 @@ figure.wp-block-image{ } } } - } \ No newline at end of file