From 8bdf8695f97d7568e0001627a8b36fadfd6d3e81 Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Fri, 14 Aug 2026 17:15:16 +0900
Subject: [PATCH] =?UTF-8?q?fix(cafe24):=20=EC=98=88=EC=95=BD=20=EC=8B=9C?=
 =?UTF-8?q?=EA=B0=81=20=EC=9E=85=EB=A0=A5=EB=9E=80=EC=9D=B4=20=EC=9E=98?=
 =?UTF-8?q?=EB=A0=A4=EC=84=9C=20=EC=8B=9C=EA=B0=84=EC=9D=B4=20=EC=95=88=20?=
 =?UTF-8?q?=EB=B3=B4=EC=9D=B4=EB=8D=98=20=EB=AC=B8=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 app/modules/cafe24/templates/cafe24/_editor.html   | 2 +-
 app/modules/cafe24/templates/cafe24/products.html  | 2 +-
 app/modules/cafe24/templates/cafe24/schedules.html | 2 +-
 app/modules/cafe24/templates/cafe24/system.html    | 2 +-
 app/static/cafe24.css                              | 7 +++++++
 5 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/modules/cafe24/templates/cafe24/_editor.html b/app/modules/cafe24/templates/cafe24/_editor.html
index 53bc47b..f5543ff 100644
--- a/app/modules/cafe24/templates/cafe24/_editor.html
+++ b/app/modules/cafe24/templates/cafe24/_editor.html
@@ -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>
diff --git a/app/modules/cafe24/templates/cafe24/products.html b/app/modules/cafe24/templates/cafe24/products.html
index 13bc7ee..a7defab 100644
--- a/app/modules/cafe24/templates/cafe24/products.html
+++ b/app/modules/cafe24/templates/cafe24/products.html
@@ -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 %}
diff --git a/app/modules/cafe24/templates/cafe24/schedules.html b/app/modules/cafe24/templates/cafe24/schedules.html
index 0158b7a..4f0fce1 100644
--- a/app/modules/cafe24/templates/cafe24/schedules.html
+++ b/app/modules/cafe24/templates/cafe24/schedules.html
@@ -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 %}
diff --git a/app/modules/cafe24/templates/cafe24/system.html b/app/modules/cafe24/templates/cafe24/system.html
index 3b4994a..aef2d94 100644
--- a/app/modules/cafe24/templates/cafe24/system.html
+++ b/app/modules/cafe24/templates/cafe24/system.html
@@ -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 %}
diff --git a/app/static/cafe24.css b/app/static/cafe24.css
index 35db0aa..5599b26 100644
--- a/app/static/cafe24.css
+++ b/app/static/cafe24.css
@@ -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;