fix: uncollapse dans hamburger topbar + padding réduit → plus haut
- Bouton show sidebar (uncollapse) supprimé de position:fixed → intégré au hamburger du topbar. Si sidebar collapsed → hamburger l'ouvre directement. Plus aucun chevauchement avec le contenu. - .ws-split padding: 40px 24px 0 → 8px 16px 0 (gain 32px verticaux) - Tous les éléments sont remontés, plus d'espace visible sans scroll
This commit is contained in:
@@ -335,10 +335,9 @@
|
|||||||
</div><!-- /sidebar-scroll -->
|
</div><!-- /sidebar-scroll -->
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<!-- Uncollapse button (visible when sidebar hidden) -->
|
<!-- Uncollapse button → inside topbar, no overlap -->
|
||||||
<button class="sidebar-uncollapse-btn" x-show="sidebarCollapsed" x-cloak @click="sidebarCollapsed = false" title="Show sidebar">
|
<!-- (Moved into topbar block below) -->
|
||||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
[x-cloak] { display: none !important; }
|
[x-cloak] { display: none !important; }
|
||||||
@@ -350,8 +349,8 @@
|
|||||||
<!-- Topbar -->
|
<!-- Topbar -->
|
||||||
{% block topbar %}
|
{% block topbar %}
|
||||||
<header class="topbar">
|
<header class="topbar">
|
||||||
<!-- Mobile hamburger -->
|
<!-- Hamburger / uncollapse sidebar -->
|
||||||
<button class="hamburger-btn" @click="mobileSidebarOpen = true; sidebarCollapsed = false;" title="Menu">
|
<button class="hamburger-btn" @click="sidebarCollapsed ? (sidebarCollapsed = false) : (mobileSidebarOpen = true; sidebarCollapsed = false)" title="Menu">
|
||||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
|
||||||
</button>
|
</button>
|
||||||
<div class="topbar-left">
|
<div class="topbar-left">
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
|
|
||||||
{% block topbar %}
|
{% block topbar %}
|
||||||
<header class="topbar">
|
<header class="topbar">
|
||||||
<button class="hamburger-btn" @click="mobileSidebarOpen = true; sidebarCollapsed = false;" title="Menu">
|
<button class="hamburger-btn" @click="sidebarCollapsed ? (sidebarCollapsed = false) : (mobileSidebarOpen = true; sidebarCollapsed = false)" title="Menu">
|
||||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
|
||||||
</button>
|
</button>
|
||||||
<div class="topbar-left">
|
<div class="topbar-left">
|
||||||
@@ -218,7 +218,7 @@
|
|||||||
.ws-table-compact tr:hover td{background:var(--bg-hover);}
|
.ws-table-compact tr:hover td{background:var(--bg-hover);}
|
||||||
|
|
||||||
/* Split layout */
|
/* Split layout */
|
||||||
.ws-split{display:flex;max-width:100%;margin:0 auto;padding:40px 24px 0;gap:0;min-height:calc(100vh - 44px);}
|
.ws-split{display:flex;max-width:100%;margin:0 auto;padding:8px 16px 0;gap:0;min-height:calc(100vh - 44px);}
|
||||||
.ws-main{flex:1;min-width:0;overflow:auto;padding-right:0;}
|
.ws-main{flex:1;min-width:0;overflow:auto;padding-right:0;}
|
||||||
.preview-panel + .ws-main{margin-right:0;}
|
.preview-panel + .ws-main{margin-right:0;}
|
||||||
@media(max-width:768px){.ws-split{flex-direction:column;padding:20px 12px 0;}.preview-panel{width:100%;max-width:100%;min-width:100%;}.ws-main{width:100%;}}
|
@media(max-width:768px){.ws-split{flex-direction:column;padding:20px 12px 0;}.preview-panel{width:100%;max-width:100%;min-width:100%;}.ws-main{width:100%;}}
|
||||||
|
|||||||
Reference in New Issue
Block a user