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

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; }