fix(electrobun): replace sidebar onmousedown with inset drag zone (10px from edges)
This commit is contained in:
parent
561bca1133
commit
d9a2ea6500
2 changed files with 11 additions and 2 deletions
|
|
@ -357,7 +357,10 @@
|
||||||
<div class="app-shell" role="presentation">
|
<div class="app-shell" role="presentation">
|
||||||
<!-- Left sidebar icon rail — draggable for window move -->
|
<!-- Left sidebar icon rail — draggable for window move -->
|
||||||
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
||||||
<aside class="sidebar" role="navigation" aria-label="Primary navigation" onmousedown={onDragStart}>
|
<aside class="sidebar" role="navigation" aria-label="Primary navigation">
|
||||||
|
<!-- Drag zone for window move — inset from edges so resize handles work -->
|
||||||
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
||||||
|
<div class="sidebar-drag-zone" onmousedown={onDragStart}></div>
|
||||||
<!-- AGOR vertical title -->
|
<!-- AGOR vertical title -->
|
||||||
<div class="agor-title" aria-hidden="true">AGOR</div>
|
<div class="agor-title" aria-hidden="true">AGOR</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -83,8 +83,14 @@ html, body {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0.5rem 0;
|
padding: 0.5rem 0;
|
||||||
padding-left: 10px; /* Leave space for native resize edge (8px + margin) */
|
|
||||||
gap: 0.25rem;
|
gap: 0.25rem;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.sidebar-drag-zone {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px; left: 10px; right: 0; bottom: 10px;
|
||||||
|
cursor: grab;
|
||||||
|
z-index: 0; /* behind sidebar content */
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-icon {
|
.sidebar-icon {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue