EC-CUBE4.2 特定商取引法に基づく表記のページの説明文の行間を狭める

EC-CUBE 4.2 覚え書き

2023.01.01

特定商取引法に基づく表記のページの説明リスト(dl)の説明文(dd)が複数になるような入力をした場合、標準では行間が間延びするので、行間を狭める変更を行う。合わせてdt要素(見出し)の上がdd要素の位置に調整。

コンテンツ管理 → ページ管理 → 特定商取引に関する法律に基づく表記

{# ##7001 dd の行間を縮めて、dt の縦位置を調整  #} 
{% extends 'default_frame.twig' %}

{% block main %}
    <div class="ec-role">
        <div class="ec-pageHeader">
            <h1> {{ '特定商取引法に基づく表記'|trans }}</h1>
        </div>
        <div class="ec-off1Grid">
            <div class="ec-off1Grid__cell">
                <div class="ec-borderedDefs">
                    {% for tradelaw in tradelaws|filter(t => t.name and t.description)  %}
                    <dl>
{#                      <dt>                                    ##7001 002 Update #}
                        <dt style="padding-top: 2px;">
                            <label class="ec-label">{{ tradelaw.name }}</label>
                        </dt>
{#                      <dd>{{ tradelaw.description|raw }}</dd> ##7001 002 Update #}
                        <dd style="line-height: 1.6;">{{ tradelaw.description|raw }}</dd>
                    </dl>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}