Header-fiks: slett fungerer, Egenskaper til venstre, Hjem

- Slett-knapp: stopPropagation hindrer handleClickOutside fra å
  lukke dropdown før confirmDelete kjører
- Egenskaper-knapp (tidl. Traits) flyttet til venstre i header-right
  slik at Verktøy/status/innstillinger ikke forskyves mellom flater
- «Min arbeidsflate» → «Hjem» for konsistens
- «Traits» → «Egenskaper» for norsk menyspråk

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
vegard 2026-03-19 06:35:47 +00:00
parent f565cfc670
commit 149046572f

View file

@ -300,7 +300,7 @@
title="Bytt kontekst" title="Bytt kontekst"
> >
<span class="context-selector-title"> <span class="context-selector-title">
{isPersonalWorkspace ? 'Min arbeidsflate' : (collectionNode?.title || 'Arbeidsflate')} {isPersonalWorkspace ? 'Hjem' : (collectionNode?.title || 'Arbeidsflate')}
</span> </span>
<span class="context-selector-chevron" class:open={selectorOpen}>&#9662;</span> <span class="context-selector-chevron" class:open={selectorOpen}>&#9662;</span>
</button> </button>
@ -318,14 +318,14 @@
/> />
</div> </div>
<div class="context-selector-list"> <div class="context-selector-list">
<!-- Min arbeidsflate (alltid øverst når ikke søker) --> <!-- Hjem (alltid øverst når ikke søker) -->
{#if !searchQuery.trim()} {#if !searchQuery.trim()}
<button <button
class="context-selector-item" class="context-selector-item"
class:current={isPersonalWorkspace} class:current={isPersonalWorkspace}
onclick={() => { selectorOpen = false; goto('/'); }} onclick={() => { selectorOpen = false; goto('/'); }}
> >
<span class="context-selector-item-title">Min arbeidsflate</span> <span class="context-selector-item-title">Hjem</span>
{#if isPersonalWorkspace} {#if isPersonalWorkspace}
<span class="context-selector-item-check">&#10003;</span> <span class="context-selector-item-check">&#10003;</span>
{/if} {/if}
@ -345,8 +345,8 @@
{/if} {/if}
</p> </p>
<div class="delete-confirm-actions"> <div class="delete-confirm-actions">
<button class="delete-confirm-btn delete-confirm-cancel" onclick={() => { deletingId = undefined; }}>Avbryt</button> <button class="delete-confirm-btn delete-confirm-cancel" onclick={(e) => { e.stopPropagation(); deletingId = undefined; }}>Avbryt</button>
<button class="delete-confirm-btn delete-confirm-yes" onclick={confirmDelete}>Slett</button> <button class="delete-confirm-btn delete-confirm-yes" onclick={(e) => { e.stopPropagation(); confirmDelete(); }}>Slett</button>
</div> </div>
</div> </div>
{:else} {:else}
@ -422,8 +422,18 @@
</div> </div>
</div> </div>
<!-- Right: Tool menu + traits + status + settings --> <!-- Right: Tool menu + status + settings -->
<div class="context-header-right"> <div class="context-header-right">
{#if traitNames.length > 0 && onToggleTraitAdmin}
<button
onclick={onToggleTraitAdmin}
class="context-btn {showTraitAdmin ? 'context-btn-active' : ''}"
title="Administrer egenskaper"
>
Egenskaper
</button>
{/if}
<div class="tool-menu"> <div class="tool-menu">
<button <button
class="context-btn tool-menu-trigger" class="context-btn tool-menu-trigger"
@ -455,16 +465,6 @@
{/if} {/if}
</div> </div>
{#if traitNames.length > 0 && onToggleTraitAdmin}
<button
onclick={onToggleTraitAdmin}
class="context-btn {showTraitAdmin ? 'context-btn-active' : ''}"
title="Administrer traits"
>
Traits
</button>
{/if}
{#if connected} {#if connected}
<span class="context-status context-status-ok" title="Tilkoblet sanntid">&#9679;</span> <span class="context-status context-status-ok" title="Tilkoblet sanntid">&#9679;</span>
{:else} {:else}