ypshim/Pier_v1
1
0 Fork 0
generated from disong/ITAM-test
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(view): 체크박스 제거 후 교각 목록의 이름 버튼이 좁아 선택이 안 되던 문제

Browse Source 
- 행과 머리글 격자가 체크박스 열(36px)을 그대로 두고 있어 이름 버튼이 그 열에 갇혔음
- 격자를 이름·배지 두 열로 바꾸고 이름 버튼이 행 전체 너비를 쓰도록 함

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
This commit is contained in:
ypshimandClaude Haiku 5.5 committed 2026-10-27 16:20:55 +09:00
1 parent 42ae591eba
commit d8b383423c
2 files changed
+6 -6
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

index.html
+3 -3
View File
@@ -47,7 +47,7 @@
<select id="type-filter"></select>
</label>
</div>
<div class="phead" aria-hidden="true"><span></span><span>교각</span><span>상태</span></div>
<div class="phead" aria-hidden="true"><span>교각</span><span>상태</span></div>
<ul id="pier-items" class="pier-items"></ul>
<p id="pier-empty" class="muted">불러온 교각이 없습니다.</p>
<p class="pnote">시트 1장 = 교각 1기입니다. 오류가 난 교각만 건너뛰고 나머지는 생성합니다.</p>
@@ -187,7 +187,7 @@
<main class="grid plan" id="view-plan" hidden>
<aside class="panel piers" aria-labelledby="plan-pier-title">
<p id="plan-pier-title" class="lbl">교각 목록</p>
<div class="phead" aria-hidden="true"><span></span><span>교각</span><span>변경</span></div>
<div class="phead" aria-hidden="true"><span>교각</span><span>변경</span></div>
<ul id="plan-pier-items" class="pier-items"></ul>
<p class="lbl members-title">부재 · 5개</p>
<ul id="members" class="members"></ul>
@@ -233,7 +233,7 @@
<main class="grid rebar" id="view-rebar" hidden>
<aside class="panel piers" aria-labelledby="rebar-pier-title">
<p id="rebar-pier-title" class="lbl">교각 목록</p>
<div class="phead" aria-hidden="true"><span></span><span>교각</span><span>배근</span></div>
<div class="phead" aria-hidden="true"><span>교각</span><span>배근</span></div>
<ul id="rebar-pier-items" class="pier-items"></ul>
<p id="rebar-member-title" class="lbl members-title">부재 · 배근 타입</p>
<ul id="rebar-tabs" class="members"></ul>
src/style.css
+3 -3
View File
@@ -629,10 +629,10 @@ body { background: #eef1f4; font-family: 'Noto Sans KR', system-ui, sans-serif;
.piers { display: flex; flex-direction: column; gap: 6px; }
.pier-tools { display: flex; align-items: center; gap: 8px; padding: 0 4px 8px; }
.pier-tools select { border: 1px solid #c3cbd4; border-radius: 6px; background: #ffffff; min-height: 36px; }
.phead { display: grid; grid-template-columns: 36px 1fr auto; gap: 8px; padding: 0 10px 6px; font-size: 12px; color: #55606e; border-bottom: 1px solid #d5dbe2; }
.pier-items li { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 8px; border-radius: 6px; padding-right: 6px; }
.phead { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 0 10px 6px; font-size: 12px; color: #55606e; border-bottom: 1px solid #d5dbe2; }
.pier-items li { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; border-radius: 6px; padding-right: 6px; }
.pier-items li:has(.pier-name[aria-pressed='true']) { background: #e3edf8; }
.pier-name { border: 0; background: transparent; color: #18212b; text-align: left; font-size: 13px; min-height: 44px; padding: 0 6px; }
.pier-name { width: 100%; border: 0; background: transparent; color: #18212b; text-align: left; font-size: 13px; min-height: 44px; padding: 0 6px; }
.pier-name[aria-pressed='true'] { color: #123e70; font-weight: 700; }
.badge { font-size: 12px; border-radius: 10px; padding: 2px 8px; background: #e2f2e7; color: #1d6b3a; white-space: nowrap; }
.badge.error { background: #fde2e2; color: #9b2c2c; }