playground/ai-dev-portal
121
3
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(profile): 한줄 소개 편집 폼이 항상 보이던 버그 수정

Browse Source 
.profile-bio-form/.profile-bio-row 의 display:flex 가 HTML hidden 속성의 기본 display:none 을 이겨, 연필 클릭 전에도 폼이 문구와 함께 두 줄로 뜸. [hidden] 규칙을 명시해 숨김 (modal.css 의 reply-banner 패턴과 동일).

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
이혜민(2620227)
2026-07-10 16:01:30 +09:00
parent d95f968800
commit 2357dbd152
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/components.css
View File

@@ -165,11 +165,15 @@
/* 한줄 소개 */ /* 한줄 소개 */
.profile-bio-row { margin-top: 10px; display: flex; align-items: center; gap: 8px; } .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 { 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.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 { 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-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; } .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 { 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); } .profile-bio-form input:focus { outline: none; border-color: var(--link); }