mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-06-13 05:59:25 -03:00
1ae2778baa
- Add ``` button in sidebar header with dropdown menu - Add "Hide sidebar on this page" option with per-page localStorage state - Show edge indicator (14px chevron) on left when hidden per-page - Show brief toast notification when hiding - Fix container margin not resetting when sidebar is per-page hidden - Add i18n translations for all 10 locales
45 lines
2.1 KiB
HTML
45 lines
2.1 KiB
HTML
<!-- Hover detection area -->
|
|
<div class="sidebar-hover-area" id="sidebarHoverArea"></div>
|
|
|
|
<!-- 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="sidebarPinToggle" title="{{ t('sidebar.unpinSidebar') }}">
|
|
<i class="fas fa-thumbtack"></i>
|
|
</button>
|
|
<button class="sidebar-action-btn" id="sidebarMoreToggle" title="{{ t('sidebar.moreOptions') }}">
|
|
<i class="fas fa-ellipsis-v"></i>
|
|
</button>
|
|
</div>
|
|
<!-- Dropdown menu for more options -->
|
|
<div class="sidebar-more-dropdown" id="sidebarMoreDropdown">
|
|
<div class="sidebar-dropdown-item" data-action="toggle-pin">
|
|
<i class="fas fa-thumbtack"></i>
|
|
<span id="sidebarMorePinLabel">{{ t('sidebar.pinSidebar') }}</span>
|
|
</div>
|
|
<div class="sidebar-dropdown-item" data-action="toggle-hide">
|
|
<i class="fas fa-eye-slash"></i>
|
|
<span>{{ t('sidebar.hideOnThisPage') }}</span>
|
|
</div>
|
|
</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>
|