fix: compose button moved to top-right of window (not sidebar)

The compose button was inside the left sidebar (position: absolute relative
to .left-rail). Moved it outside the sidebar in the HTML and changed CSS
from position: absolute to position: fixed so it sits at the top-right
corner of the entire window.

Verified with vision model (Qwen3.6-27B):
"The compose button is located in the top-right corner of the entire window,
just outside the main content area. It is not inside the sidebar."

This is the first fix made using the visual eyes system — the agent could
verify the change before Nick tests it.
This commit is contained in:
Nick
2026-06-25 19:26:13 +01:00
parent 42b8d3bb07
commit f0a096cacc
3 changed files with 16 additions and 18 deletions
+14 -12
View File
@@ -135,6 +135,20 @@
</button>
<BreakSuggestion quietMode={settingsStore.quietMode} />
<!-- Compose button — top-right of window (not inside sidebar) -->
<button
type="button"
class="nav-compose-icon"
use:tooltip={{ content: 'Open Compose', placement: 'left' }}
aria-label="Open Compose"
aria-expanded={isComposeOpen}
aria-controls="compose-panel"
onclick={toggleCompose}
>
<span aria-hidden="true"></span>
</button>
<aside class="left-rail" aria-label="Primary navigation">
<div class="brand-lockup">
<span class="brand-mark" aria-label="Conductor C app mark">{activeRoute.brandMark}</span>
@@ -150,18 +164,6 @@
onToggleCompose={toggleCompose}
/>
<button
type="button"
class="nav-compose-icon"
use:tooltip={{ content: 'Open Compose', placement: 'right' }}
aria-label="Open Compose"
aria-expanded={isComposeOpen}
aria-controls="compose-panel"
onclick={toggleCompose}
>
<span aria-hidden="true"></span>
</button>
<nav aria-label="Primary sections">
{#each appBaseNavigationItems as item (item.routeId)}
<button
+2 -6
View File
@@ -193,7 +193,7 @@ p {
}
.nav-compose-icon {
position: absolute;
position: fixed;
top: 1.25rem;
right: 1.25rem;
display: inline-grid;
@@ -207,11 +207,7 @@ p {
background: rgb(139 156 255 / 12%);
color: #f5f7fb;
cursor: pointer;
z-index: 10;
}
.left-rail {
position: relative;
z-index: 100;
}
.nav-compose-icon:hover,
Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 42 KiB