From 2357dbd152f2be6e63a5d5e607830f500fa374f0 Mon Sep 17 00:00:00 2001 From: 2620227 Date: Fri, 10 Jul 2026 16:01:30 +0900 Subject: [PATCH] =?UTF-8?q?fix(profile):=20=ED=95=9C=EC=A4=84=20=EC=86=8C?= =?UTF-8?q?=EA=B0=9C=20=ED=8E=B8=EC=A7=91=20=ED=8F=BC=EC=9D=B4=20=ED=95=AD?= =?UTF-8?q?=EC=83=81=20=EB=B3=B4=EC=9D=B4=EB=8D=98=20=EB=B2=84=EA=B7=B8=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .profile-bio-form/.profile-bio-row 의 display:flex 가 HTML hidden 속성의 기본 display:none 을 이겨, 연필 클릭 전에도 폼이 문구와 함께 두 줄로 뜸. [hidden] 규칙을 명시해 숨김 (modal.css 의 reply-banner 패턴과 동일). Co-Authored-By: Claude --- public/css/components.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/public/css/components.css b/public/css/components.css index 5a273bf..a48330a 100644 --- a/public/css/components.css +++ b/public/css/components.css @@ -165,11 +165,15 @@ /* 한줄 소개 */ .profile-bio-row { margin-top: 10px; display: flex; align-items: center; gap: 8px; } +/* hidden 속성이 켜져 있으면 확실히 숨긴다 (display:flex 가 [hidden] 기본 규칙을 이겨 항상 보이던 버그 방지). */ +.profile-bio-row[hidden] { display: none; } .profile-bio { margin: 0; font-size: 13.5px; color: var(--fg2); line-height: 1.5; word-break: keep-all; overflow-wrap: break-word; } .profile-bio.is-empty { color: var(--fg3); font-style: italic; } .profile-bio-edit { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 6px; border: 1px solid var(--border); background: var(--card); color: var(--fg3); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; } .profile-bio-edit:hover { color: var(--fg); border-color: var(--fg3); } .profile-bio-form { margin-top: 10px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } +/* hidden 속성이 켜져 있으면 확실히 숨긴다 (display:flex 가 [hidden] 기본 규칙을 이겨 항상 보이던 버그 방지). */ +.profile-bio-form[hidden] { display: none; } .profile-bio-form input { flex: 1 1 240px; min-width: 0; padding: 6px 10px; font-size: 13.5px; color: var(--fg); background: var(--card); border: 1px solid var(--border); border-radius: 8px; } .profile-bio-form input:focus { outline: none; border-color: var(--link); }