fix(cafe24): 예약 시각 입력란이 잘려서 시간이 안 보이던 문제
datetime-local 입력란이 한국어 로캘로 "2026. 08. 14. 오후 07:00" 형태로 렌더링되는데, 예약 폼 grid 가 auto-fit minmax(160px, 1fr) 라 칸이 170px 밖에 안 돼 시간 부분이 잘렸다. 예약 시각 칸에만 전용 클래스(cf24-schedule-datetime)를 붙여 grid-column: span 2 로 두 칸을 차지하게 했다. 진열·판매 select 는 원래 폭으로도 충분해 그대로 뒀다. 검증(브라우저 실측): 예약 시각 입력란 폭 348px, scrollWidth==clientWidth(내부 잘림 없음), 진열/판매가 나란히 이어지고 메모가 다음 줄 전체폭을 차지, 가로 스크롤 없음. 유닛테스트 61개 통과(레이아웃 변경만이라 로직 테스트는 영향 없음). Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -88,7 +88,7 @@
|
||||
<input type="hidden" name="html" id="cf24-schedule-html" />
|
||||
|
||||
<div class="cf24-schedule-grid">
|
||||
<label>
|
||||
<label class="cf24-schedule-datetime">
|
||||
<span>예약 시각</span>
|
||||
<input class="cf24-schedule-input" type="datetime-local" name="scheduled_at" required />
|
||||
</label>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{% extends "erp_base.html" %}
|
||||
|
||||
{% block head_extra %}
|
||||
<link rel="stylesheet" href="/static/cafe24.css?v=20260814s" />
|
||||
<link rel="stylesheet" href="/static/cafe24.css?v=20260814t" />
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{% extends "erp_base.html" %}
|
||||
|
||||
{% block head_extra %}
|
||||
<link rel="stylesheet" href="/static/cafe24.css?v=20260814s" />
|
||||
<link rel="stylesheet" href="/static/cafe24.css?v=20260814t" />
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{% extends "erp_base.html" %}
|
||||
|
||||
{% block head_extra %}
|
||||
<link rel="stylesheet" href="/static/cafe24.css?v=20260814s" />
|
||||
<link rel="stylesheet" href="/static/cafe24.css?v=20260814t" />
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
@@ -620,6 +620,13 @@
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
/* datetime-local 은 한국어 로캘에서 "2026. 08. 14. 오후 07:00" 형태로 길어져
|
||||
auto-fit minmax(160px, 1fr) 칸에 잘렸다(실측). 이 칸만 최소폭을 넓힌다. */
|
||||
.cf24-schedule-datetime {
|
||||
grid-column: span 2;
|
||||
min-width: 240px;
|
||||
}
|
||||
|
||||
.cf24-schedule-input {
|
||||
height: 32px;
|
||||
box-sizing: border-box;
|
||||
|
||||
Reference in New Issue
Block a user