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