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

[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の方もクローズ致します。