vektor-inc/x-t9

[6.6-RC2][編集画面]コアのボタンブロックのスタイルを輪郭にした時、背景色が入ってしまうようでした

Closed this issue · 4 comments

コアのボタンブロックのスタイルを輪郭にした時、背景色が入ってしまうようでした。
VK ボタンブロックはブロック側に.is-style-outlinebackground-color: transparent; が入っているのでOKでした。

▼6.5.5のボタンブロック
スクリーンショット 2024-07-05 17 51 22

▼6.6のボタンブロック
スクリーンショット 2024-07-05 17 50 23

@goutetsuguma

マージしてから気が付きました

輪郭ボタンを hover すると色が違うかもしれません
WP6.5 では 輪郭赤いボタンを hover すると色が反転して背景が赤くなりますが、
WP6.6 では hover すると 青(x-t9 の色?)背景色になってしまいます
hover

@sysbird

WP6.5 では 輪郭赤いボタンを hover すると色が反転して背景が赤くなりますが、
WP6.6 では hover すると 青(x-t9 の色?)背景色になってしまいます

確認ありがとうございます!もしかすると、コアのボタンではなくてVK Blocks のボタンで確認しているかもしれませんがいかがでしょうか。といいますのも私の環境でみると、WP6.5でもhover時は背景色が青(primary-hover)になっているようでした。
後で削除しますがdemoサイトで確認しました

私もテキストの色を変えてもhover時に背景色が青(primary-hover)になってしまうのは違和感があるなと思ったのですが、元々がそのようになっていたので変更してもよいものか、現在使っている人に影響がないのか、考える必要がありそうだなと思いました。
VK Blocks のボタンはhover時は、テキストで設定したカラーが入りますので、こちらの方が自然だと思います。
もしくはhover時は背景色なしにして色が薄くなるくらいで良さそうです

& > .wp-block-button__link:not(.has-background):hover {
background-color: var(--wp--preset--color--primary-hover);
color: #fff;
}

@goutetsuguma
たしかに!WP6.5 では VK ボタンを見てました
よく確認しますとコアボタンの現象はもとからですので、スルーでお願いします〜
たいへん失礼いたしました

こちらマージされましたのでCloseします