From 84c8d20374a45f842bbdb81bed511a6244295187 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Mon, 20 Jul 2026 17:32:19 +0900
Subject: [PATCH] 260720_2

---
 B07_wf4_DesignDetail/openwebcad/src/App.css            | 10 ++++++++++
 .../openwebcad/src/components/QuantityPanel.tsx        |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/B07_wf4_DesignDetail/openwebcad/src/App.css b/B07_wf4_DesignDetail/openwebcad/src/App.css
index f5a49e7d..c6ebec37 100644
--- a/B07_wf4_DesignDetail/openwebcad/src/App.css
+++ b/B07_wf4_DesignDetail/openwebcad/src/App.css
@@ -438,6 +438,8 @@ body > canvas[data-id="canvas"] {
 	bottom: calc(var(--cad-status-height) + 8px);
 	left: calc(var(--cad-panel-width) + (100vw - var(--cad-panel-width)) / 2);
 	transform: translateX(-50%);
+	/* 표(가장 넓은 자식) 기준 폭 고정 → 접었다 펴도 폭이 변하지 않는다 */
+	width: max-content;
 	max-width: min(720px, calc(100vw - var(--cad-panel-width) - 24px));
 	border: 1px solid #465565;
 	border-radius: 6px;
@@ -508,6 +510,14 @@ body > canvas[data-id="canvas"] {
 	padding: 0 8px 8px;
 	overflow-x: auto;
 }
+/* 접힘: 표는 DOM에 남겨 폭은 유지하되 세로로만 감춘다 */
+.cad-qtable[data-collapsed="true"] .cad-qtable__body {
+	max-height: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+	overflow: hidden;
+	visibility: hidden;
+}
 .cad-qtable table {
 	margin: 0 auto;
 	border-collapse: collapse;
diff --git a/B07_wf4_DesignDetail/openwebcad/src/components/QuantityPanel.tsx b/B07_wf4_DesignDetail/openwebcad/src/components/QuantityPanel.tsx
index dcee7a4e..4008f8b9 100644
--- a/B07_wf4_DesignDetail/openwebcad/src/components/QuantityPanel.tsx
+++ b/B07_wf4_DesignDetail/openwebcad/src/components/QuantityPanel.tsx
@@ -167,7 +167,7 @@ export const QuantityPanel: FC = () => {
 				)}
 			</header>
 
-			{meta.kind === 'cross' && !collapsed && (
+			{meta.kind === 'cross' && (
 				<div className="cad-qtable__body">
 					<table>
 						<tbody>