fix:메뉴 검색창 닫기 버튼 동작 수정

- sidebar-expanded-only 클래스가 hidden을 오버라이드하는 문제 해결
- !important로 hidden 클래스 우선순위 보장
- 사이드바 접힌 상태에서 검색창 숨김 처리

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
pro
2026-01-28 19:37:38 +09:00
parent b257512336
commit b442ee7b16

View File

@@ -44,7 +44,7 @@ class="sidebar-collapsed-only hidden w-full p-2 text-xl font-bold text-gray-900
</div>
<!-- 메뉴 검색창 (숨김 상태) -->
<div id="menu-search-container" class="hidden border-b border-gray-200 px-3 py-2 bg-gray-50 sidebar-expanded-only">
<div id="menu-search-container" class="hidden border-b border-gray-200 px-3 py-2 bg-gray-50">
<div class="relative">
<input
type="text"
@@ -154,6 +154,16 @@ class="w-full border-gray-300 rounded-lg text-sm focus:ring-primary focus:border
animation: slideDown 0.2s ease-out;
}
#menu-search-container.hidden {
display: none !important;
}
/* 사이드바 접힌 상태에서 검색창 숨김 */
html.sidebar-is-collapsed #sidebar #menu-search-container,
.sidebar.sidebar-collapsed #menu-search-container {
display: none !important;
}
@keyframes slideDown {
from {
opacity: 0;