カート メッセージが長いとアイコンが改行されてしまう

[tatsuishi]

概要(Overview)

カート メッセージが長いとアイコンが改行されてしまう

再現手順(Procedure)

画面：フロント画面 カートページ

メッセージが長いとアイコンが改行して表示されてしまいます (商品名が長い場合に発生しやすくなります)

改行していない状態

商品名が長く改行されている状態

環境(Environment)

EC-CUBE: 4.2.3 PHP: 8.1.22 DB: MySQL 5.7.43

[dotani1111]

@tatsuishi Issueありがとうございます。 こちらはどのように表示されたらベストになるのか、具体的に教えて頂きたいです。

[tatsuishi]

@dotani1111 ご確認ありがとうございます デフォルトデザインを再現するのであれば添付画像の形が近いと思っております

{# 追加スタイル  #}
    <style>
        .test1 {
            display: inline-block;
        }
        .test2 {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .ec-alert-warning__text {
            flex: 1;
        }
    </style>

{#  参考にカートメッセージ部分を抜粋しています #}
    <div class="ec-off3Grid__cell">
        <div class="ec-alert-warning">
            <div class="test1">
                <div class="test2">
                    <div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
                    <div class="ec-alert-warning__text">{{ 'front.cart.no_items'|trans }}</div>
                </div>
            </div>
        </div>
    </div>

[dotani1111]

@tatsuishi ありがとうございます 👍 こちらの内容でPRを頂けますか？

[tatsuishi]

@dotani1111 PRお待たせしました、何卒よろしくお願いいたします。

[dotani1111]

@tatsuishi ありがとうございます。 マージされた為、issueの方もクローズ致します。