From b21e42e949c25ca434189752fa6167ced706c87d Mon Sep 17 00:00:00 2001 From: king Date: Thu, 17 Sep 2026 13:30:02 +0900 Subject: [PATCH] =?UTF-8?q?fix(project):=20=EB=8C=93=EA=B8=80=20=EC=B2=A8?= =?UTF-8?q?=EB=B6=80=20=EB=B2=84=ED=8A=BC=20=EC=A0=95=EB=A0=AC=20-=20.pj-m?= =?UTF-8?q?odal-card=20label=20=EA=B7=9C=EC=B9=99=EA=B3=BC=20=EC=83=81?= =?UTF-8?q?=EC=84=B8=EB=8F=84=20=EC=B6=A9=EB=8F=8C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .pj-modal-card label { display:block; margin-bottom:12px; font-size:12.5px } (다른 모달 폼 라벨용 공용 규칙, 클래스+엘리먼트라 상세도 0,1,1)이 .pj-chat-attach-btn(단일 클래스, 상세도 0,1,0)의 display:flex 를 조용히 덮어써서 display:block 이 됐고, flex 아닐 때 align-items/justify-content 는 무효라 아이콘이 정가운데로 안 갔음. margin-bottom:12px 까지 새어들어와 버튼이 실제로 위로 살짝 밀려 보였음. 헤드리스 크롬으로 실제 project.css를 .pj-modal-card 컨텍스트에서 그대로 렌더해 getBoundingClientRect 로 재현 확인 후, .pj-modal-card .pj-chat-attach-btn 로 상세도를 올리고 새는 값 (margin-bottom/font-size)도 명시적으로 되돌려 고침 — 아이콘 상하좌우 7px 로 정확히 정가운데. Co-Authored-By: Claude Sonnet 5 --- app/modules/project/templates/project/inbox.html | 2 +- app/modules/project/templates/project/index.html | 2 +- app/modules/project/templates/project/project.html | 2 +- app/static/project.css | 10 ++++++++-- 4 files changed, 11 insertions(+), 5 deletions(-) diff --git a/app/modules/project/templates/project/inbox.html b/app/modules/project/templates/project/inbox.html index 9bfc41f..344466c 100644 --- a/app/modules/project/templates/project/inbox.html +++ b/app/modules/project/templates/project/inbox.html @@ -1,7 +1,7 @@ {% extends "erp_base.html" %} {% block head_extra %} - + {% endblock %} diff --git a/app/modules/project/templates/project/index.html b/app/modules/project/templates/project/index.html index c72ffe4..21a09c6 100644 --- a/app/modules/project/templates/project/index.html +++ b/app/modules/project/templates/project/index.html @@ -1,7 +1,7 @@ {% extends "erp_base.html" %} {% block head_extra %} - + {% endblock %} diff --git a/app/modules/project/templates/project/project.html b/app/modules/project/templates/project/project.html index 58e88a9..b89b273 100644 --- a/app/modules/project/templates/project/project.html +++ b/app/modules/project/templates/project/project.html @@ -1,7 +1,7 @@ {% extends "erp_base.html" %} {% block head_extra %} - + diff --git a/app/static/project.css b/app/static/project.css index f4422fd..1b78753 100644 --- a/app/static/project.css +++ b/app/static/project.css @@ -710,11 +710,17 @@ .pj-chat-pending-chip button:hover { color: #c22b10; } /* ── 첨부 버튼(클립) — 입력창과 높이를 맞추고, 호버 시 회색 네모 안에 - 아이콘이 가로세로 정가운데 오도록 line-height/box-sizing까지 정리. ── */ -.pj-chat-attach-btn { + 아이콘이 가로세로 정가운데 오도록 line-height/box-sizing까지 정리. + .pj-modal-card label { display:block; margin-bottom:12px; font-size:12.5px } + 이 이 label을 가로채(클래스+엘리먼트 조합이라 detay:flex 단일 클래스보다 + 상세도가 높음) display 는 block으로, margin-bottom 12px 까지 먹여서 + 실제로는 미세하게 위로 밀려 보였다 — .pj-modal-card 를 앞에 붙여 상세도로 + 이기고, 새는 값들도 전부 명시적으로 되돌린다. ── */ +.pj-modal-card .pj-chat-attach-btn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; box-sizing: border-box; flex: 0 0 auto; border-radius: 8px; cursor: pointer; color: #5f6368; line-height: 0; + margin-bottom: 0; font-size: 0; } .pj-chat-attach-btn:hover { background: #f1f2f4; } .pj-chat-attach-btn .material-symbols-outlined {