mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-06-17 16:09:25 -03:00
- Remove pin/unpin and auto-hide hover mechanism (isPinned, isHovering, hoverTimeout, showSidebar/hideSidebar, updateAutoHideState, etc.) - Remove global show_folder_sidebar setting (SettingsManager, PageControls, recipes, backend default) - Simplify sidebar visibility to a single per-page toggle: · Dedicated chevron-left button in header to hide sidebar · Edge indicator (chevron-right) to restore when hidden · No dropdown, no hover area, no pin button - Add _migrateOldSettings() to convert old sidebarPinned and show_folder_sidebar states to per-page sidebarDisabled - Fix sidebar flicker on page load: CSS defaults to off-screen, JS explicitly sets .visible or .hidden-by-setting - Remove obsolete CSS classes: auto-hide, hover-active, collapsed - Remove i18n keys: pinSidebar, unpinSidebar, moreOptions - Update test mocks for the new initialize() interface
28 lines
1.3 KiB
HTML
28 lines
1.3 KiB
HTML
<!-- Folder Navigation Sidebar -->
|
|
<div class="folder-sidebar" id="folderSidebar">
|
|
<div class="sidebar-header" id="sidebarHeader">
|
|
<h3><i class="fas fa-home"></i> <span id="sidebarTitle">{{ t('sidebar.modelRoot') }}</span></h3>
|
|
<div class="sidebar-header-actions">
|
|
<button class="sidebar-action-btn" id="sidebarDisplayModeToggle" title="{{ t('sidebar.switchToListView') }}">
|
|
<i class="fas fa-sitemap"></i>
|
|
</button>
|
|
<button class="sidebar-action-btn active" id="sidebarRecursiveToggle" title="{{ t('sidebar.recursiveOn') }}" aria-pressed="true">
|
|
<i class="fas fa-code-branch"></i>
|
|
</button>
|
|
<button class="sidebar-action-btn" id="sidebarCollapseAll" title="{{ t('sidebar.collapseAll') }}">
|
|
<i class="fas fa-compress-alt"></i>
|
|
</button>
|
|
<button class="sidebar-action-btn" id="sidebarHideToggle" title="{{ t('sidebar.hideOnThisPage') }}">
|
|
<i class="fas fa-chevron-left"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="sidebar-content">
|
|
<div class="sidebar-tree-container">
|
|
<div class="sidebar-tree" id="sidebarFolderTree">
|
|
<!-- Tree/List will be populated by JavaScript -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|