fix(electrobun): remove drag-region div that captured all clicks on WebKitGTK
This commit is contained in:
parent
d95cf122f0
commit
fe441a86fe
4 changed files with 9 additions and 18 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -4,8 +4,8 @@
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Svelte App</title>
|
<title>Svelte App</title>
|
||||||
<script type="module" crossorigin src="/assets/index-CcWCxrMp.js"></script>
|
<script type="module" crossorigin src="/assets/index-OTfWrRGk.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-B2TjuJxL.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-DsPvEluY.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
|
|
||||||
|
|
@ -312,11 +312,8 @@
|
||||||
</button>
|
</button>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<!-- Main workspace -->
|
<!-- Main workspace — no drag region (WebKitGTK captures clicks incorrectly) -->
|
||||||
<main class="workspace">
|
<main class="workspace">
|
||||||
<!-- Draggable region at top of workspace (no title bar chrome) -->
|
|
||||||
<div class="drag-region" aria-hidden="true"></div>
|
|
||||||
|
|
||||||
<!-- Project grid -->
|
<!-- Project grid -->
|
||||||
<div class="project-grid" role="list" aria-label="{activeGroup?.name ?? 'Projects'} projects">
|
<div class="project-grid" role="list" aria-label="{activeGroup?.name ?? 'Projects'} projects">
|
||||||
{#each gridRows() as row (row.type === 'standalone' ? row.project.id : `cg-${row.parent.id}`)}
|
{#each gridRows() as row (row.type === 'standalone' ? row.project.id : `cg-${row.parent.id}`)}
|
||||||
|
|
@ -515,6 +512,8 @@
|
||||||
padding: 1rem 0;
|
padding: 1rem 0;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
-webkit-app-region: drag; /* Only AGOR title is draggable — safe, small area */
|
||||||
|
cursor: grab;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-groups {
|
.sidebar-groups {
|
||||||
|
|
@ -609,21 +608,13 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Invisible draggable region at top of workspace */
|
|
||||||
.drag-region {
|
|
||||||
height: 2.25rem;
|
|
||||||
flex-shrink: 0;
|
|
||||||
-webkit-app-region: drag;
|
|
||||||
background: var(--ctp-crust);
|
|
||||||
border-bottom: 1px solid var(--ctp-surface0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ── Project grid ─────────────────────────────────────────── */
|
/* ── Project grid ─────────────────────────────────────────── */
|
||||||
.project-grid {
|
.project-grid {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
|
grid-auto-rows: 1fr; /* equal rows that fill available height */
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
background: var(--ctp-crust);
|
background: var(--ctp-crust);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue