[レイアウト] エリア枠の表示崩れを修正しました

[gakigaki]

概要

エリア枠表示時のラベル重なりと枠線の色ムラを解消しました。

背景や目的

エリア枠をONにした際、空エリアでラベルが重なることや枠線色が揃って見えない問題があったため、視認性を改善する目的で調整しました。

原因: 枠線を実borderで付けることでボックス幅が縮みレイアウトに影響し、ラベルの疑似要素がflex itemとして扱われて空エリアで重なり、枠線がコンテンツの下に回り込んで色ムラに見えていました。
対応: 枠線を絶対配置の疑似要素に変更し、ラベルを絶対配置＋最小高さで重なりを回避、枠線/ラベルの重ね順を固定しました。

変更内容

• エリア枠のラベルと枠線の重なりを避けるため、with-border の最小高さを調整しました。
• ラベルの可読性向上のため、エリア名の文字列に背景色を設定しました。

レビュー完了希望日

軽微な改修なので急ぎません。

関連Pull requests/Issues

なし

参考

なし

DB変更の有無

無し

チェックリスト

• プルリクエストにわかりやすいタイトルとラベルを付けました。https://github.com/opensource-workshop/connect-cms/wiki/Pull-requests-Rule