特定商取引法に基づく表記のページの説明リスト(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 %}
コメント