2件の投稿を表示中 – 1 – 2件目 (全2件中)
-
投稿者投稿
-
2024年11月9日 5:25 PM #4586
【お使いの unitone のバージョン】14.4.3
【お使いのブラウザ】mac chrome
【当該サイトのURL】### 発生している問題
スタック（区切り：ストライプ）など（レスポンシブグリッドの区切り：ストライプでも同様の現象あり）で、カラーコードを独自に入力する場合に色を指定できない場合があります。### 試したこと
以下の流れで再現できます。
1. スタック（区切り：ストライプ）ブロックを選択し、「区切り」で任意のカラーコードを設定する
2. しかし、適応されない
3. 線の太さを変更すると、任意のカラーコードは反映される
4. しかし、線の太さを変更すると色が初期値に戻るなお、カラーパレットに用意されている色に関しては問題なく設定・変更できるようです。こちらで試しているソースコードを添付します。
<!-- wp:unitone/stack-divided {"unitone":{"dividerType":"stripe","divider":{"width":"1px"},"gap":"2"}} --> <div data-unitone-layout="stack"><!-- wp:unitone/stack-divided-content --> <div data-unitone-layout="stack__content"><!-- wp:unitone/decorator --> <div data-unitone-layout="decorator"><!-- wp:unitone/stack {"unitone":{"gap":"2"}} --> <div data-unitone-layout="stack"><!-- wp:unitone/switcher --> <div data-unitone-layout="switcher" style="--unitone--threshold:var(--wp--style--global--content-size)"><!-- wp:unitone/stack {"unitone":{"gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:heading {"level":3,"fontSize":"unitone-xl"} --> <h3 class="wp-block-heading has-unitone-xl-font-size">カット</h3> <!-- /wp:heading --> <!-- wp:unitone/decorator {"unitone":{"position":{"position":"relative"},"overflow":"visible","padding":"-1"}} --> <div data-unitone-layout="decorator"><!-- wp:unitone/stack {"unitone":{"gap":"-1"}} --> <div data-unitone-layout="stack"><!-- wp:unitone/both-sides --> <div data-unitone-layout="both-sides"><!-- wp:unitone/stack {"unitone":{"flexBasis":"fit-content","gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:paragraph --> <p><strong>レディースカット</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"fontSize":"unitone-xs"} --> <p class="has-unitone-xs-font-size">一人ひとりに合った再現性の高いカット</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/stack --> <!-- wp:paragraph --> <p>¥5,500</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/both-sides --> <!-- wp:unitone/both-sides --> <div data-unitone-layout="both-sides"><!-- wp:unitone/stack {"unitone":{"flexBasis":"fit-content","gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:paragraph --> <p><strong>メンズカット</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"fontSize":"unitone-xs"} --> <p class="has-unitone-xs-font-size">短時間で整うスタイル</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/stack --> <!-- wp:paragraph --> <p>¥4,500</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/both-sides --> <!-- wp:unitone/both-sides --> <div data-unitone-layout="both-sides"><!-- wp:unitone/stack {"unitone":{"flexBasis":"fit-content","gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:paragraph --> <p><strong>キッズカット</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"fontSize":"unitone-xs"} --> <p class="has-unitone-xs-font-size">お子様向けの安心カット</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/stack --> <!-- wp:paragraph --> <p>¥3,000</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/both-sides --></div> <!-- /wp:unitone/stack --></div> <!-- /wp:unitone/decorator --></div> <!-- /wp:unitone/stack --> <!-- wp:unitone/stack {"unitone":{"gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:heading {"level":3,"fontSize":"unitone-xl"} --> <h3 class="wp-block-heading has-unitone-xl-font-size">パーマ</h3> <!-- /wp:heading --> <!-- wp:unitone/decorator {"unitone":{"position":{"position":"relative"},"overflow":"visible","padding":"-1"}} --> <div data-unitone-layout="decorator"><!-- wp:unitone/stack {"unitone":{"gap":"-1"}} --> <div data-unitone-layout="stack"><!-- wp:unitone/both-sides --> <div data-unitone-layout="both-sides"><!-- wp:unitone/stack {"unitone":{"flexBasis":"fit-content","gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:paragraph --> <p><strong>デザインパーマ</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"fontSize":"unitone-xs"} --> <p class="has-unitone-xs-font-size">自然な動きのあるパーマ</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/stack --> <!-- wp:paragraph --> <p>¥7,500</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/both-sides --> <!-- wp:unitone/both-sides --> <div data-unitone-layout="both-sides"><!-- wp:unitone/stack {"unitone":{"flexBasis":"fit-content","gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:paragraph --> <p><strong>ボリュームパーマ</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"fontSize":"unitone-xs"} --> <p class="has-unitone-xs-font-size">根元にボリュームを出すパーマ</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/stack --> <!-- wp:paragraph --> <p>¥8,500</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/both-sides --> <!-- wp:unitone/both-sides --> <div data-unitone-layout="both-sides"><!-- wp:unitone/stack {"unitone":{"flexBasis":"fit-content","gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:paragraph --> <p><strong>ストレートパーマ</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"fontSize":"unitone-xs"} --> <p class="has-unitone-xs-font-size">艶やかなストレートに仕上げます</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/stack --> <!-- wp:paragraph --> <p>¥10,000</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/both-sides --></div> <!-- /wp:unitone/stack --></div> <!-- /wp:unitone/decorator --></div> <!-- /wp:unitone/stack --></div> <!-- /wp:unitone/switcher --> <!-- wp:unitone/switcher --> <div data-unitone-layout="switcher" style="--unitone--threshold:var(--wp--style--global--content-size)"><!-- wp:unitone/stack {"unitone":{"gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:heading {"level":3,"fontSize":"unitone-xl"} --> <h3 class="wp-block-heading has-unitone-xl-font-size">カラー</h3> <!-- /wp:heading --> <!-- wp:unitone/decorator {"unitone":{"position":{"position":"relative"},"overflow":"visible","padding":"-1"}} --> <div data-unitone-layout="decorator"><!-- wp:unitone/stack {"unitone":{"gap":"-1"}} --> <div data-unitone-layout="stack"><!-- wp:unitone/both-sides --> <div data-unitone-layout="both-sides"><!-- wp:unitone/stack {"unitone":{"flexBasis":"fit-content","gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:paragraph --> <p><strong>ワンカラー</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"fontSize":"unitone-xs"} --> <p class="has-unitone-xs-font-size">シンプルな色味でカラーチェンジ</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/stack --> <!-- wp:paragraph --> <p>¥6,500</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/both-sides --> <!-- wp:unitone/both-sides --> <div data-unitone-layout="both-sides"><!-- wp:unitone/stack {"unitone":{"flexBasis":"fit-content","gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:paragraph --> <p><strong>ダブルカラー</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"fontSize":"unitone-xs"} --> <p class="has-unitone-xs-font-size">深みと立体感のあるカラー</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/stack --> <!-- wp:paragraph --> <p>¥9,500</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/both-sides --> <!-- wp:unitone/both-sides --> <div data-unitone-layout="both-sides"><!-- wp:unitone/stack {"unitone":{"flexBasis":"fit-content","gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:paragraph --> <p><strong>ハイライトカラー</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"fontSize":"unitone-xs"} --> <p class="has-unitone-xs-font-size">立体感を生むハイライト</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/stack --> <!-- wp:paragraph --> <p>¥8,000</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/both-sides --></div> <!-- /wp:unitone/stack --></div> <!-- /wp:unitone/decorator --></div> <!-- /wp:unitone/stack --> <!-- wp:unitone/stack {"unitone":{"gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:heading {"level":3,"fontSize":"unitone-xl"} --> <h3 class="wp-block-heading has-unitone-xl-font-size">トリートメント</h3> <!-- /wp:heading --> <!-- wp:unitone/decorator {"unitone":{"position":{"position":"relative"},"overflow":"visible","padding":"-1"}} --> <div data-unitone-layout="decorator"><!-- wp:unitone/stack {"unitone":{"gap":"-1"}} --> <div data-unitone-layout="stack"><!-- wp:unitone/both-sides --> <div data-unitone-layout="both-sides"><!-- wp:unitone/stack {"unitone":{"flexBasis":"fit-content","gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:paragraph --> <p><strong>保湿トリートメント</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"fontSize":"unitone-xs"} --> <p class="has-unitone-xs-font-size">潤いと艶を与えるケア</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/stack --> <!-- wp:paragraph --> <p>¥3,500</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/both-sides --> <!-- wp:unitone/both-sides --> <div data-unitone-layout="both-sides"><!-- wp:unitone/stack {"unitone":{"flexBasis":"fit-content","gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:paragraph --> <p><strong>ダメージケアトリートメント</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"fontSize":"unitone-xs"} --> <p class="has-unitone-xs-font-size">ダメージ補修効果</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/stack --> <!-- wp:paragraph --> <p>¥5,000</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/both-sides --> <!-- wp:unitone/both-sides --> <div data-unitone-layout="both-sides"><!-- wp:unitone/stack {"unitone":{"flexBasis":"fit-content","gap":"0"}} --> <div data-unitone-layout="stack"><!-- wp:paragraph --> <p><strong>エイジングケアトリートメント</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph {"fontSize":"unitone-xs"} --> <p class="has-unitone-xs-font-size">年齢に応じた髪のケア</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/stack --> <!-- wp:paragraph --> <p>¥6,500</p> <!-- /wp:paragraph --></div> <!-- /wp:unitone/both-sides --></div> <!-- /wp:unitone/stack --></div> <!-- /wp:unitone/decorator --></div> <!-- /wp:unitone/stack --></div> <!-- /wp:unitone/switcher --></div> <!-- /wp:unitone/stack --></div> <!-- /wp:unitone/decorator --></div> <!-- /wp:unitone/stack-divided-content --></div> <!-- /wp:unitone/stack-divided -->♥ 0いいねをした人： いません2024年11月10日 8:16 AM #4588ご報告ありがとうございます、こちらでも再現しました！調査して修正いれます。
♥ 1いいねをした人： -
投稿者投稿
2件の投稿を表示中 – 1 – 2件目 (全2件中)
- このトピックに返信するにはログインが必要です。
