[O] Hide things irrelevant for edit mode
This commit is contained in:
+7
-4
@@ -265,7 +265,7 @@
|
|||||||
<div class="status" class:error={!complete}>{statusMsg}</div>
|
<div class="status" class:error={!complete}>{statusMsg}</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<div class="timer">{Fmt.duration(elapsed)}</div>
|
{#if !editMode}<div class="timer">{Fmt.duration(elapsed)}</div>{/if}
|
||||||
<div class="puzzle-grid" style={`height: ${rows * cfg.totalW}px; width: ${cols * cfg.totalW}px;`}
|
<div class="puzzle-grid" style={`height: ${rows * cfg.totalW}px; width: ${cols * cfg.totalW}px;`}
|
||||||
on:click={clickDiv} on:contextmenu={clickDiv} on:keypress={console.log} role="grid" tabindex="0"
|
on:click={clickDiv} on:contextmenu={clickDiv} on:keypress={console.log} role="grid" tabindex="0"
|
||||||
on:mousedown={startDrag} on:mousemove={e => dragging && clickDiv(e)} on:mouseup={() => dragging = false}
|
on:mousedown={startDrag} on:mousemove={e => dragging && clickDiv(e)} on:mouseup={() => dragging = false}
|
||||||
@@ -317,9 +317,12 @@
|
|||||||
<button on:click={() => mode = modes[(modes.indexOf(mode) + 1) % modes.length]}>Mode: {mode}</button>
|
<button on:click={() => mode = modes[(modes.indexOf(mode) + 1) % modes.length]}>Mode: {mode}</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="btn-div">
|
<!-- Check solution -->
|
||||||
<button on:click={() => console.log(statusMsg = checkSolution())}>Check Solution</button>
|
{#if !editMode}
|
||||||
</div>
|
<div class="btn-div">
|
||||||
|
<button on:click={() => console.log(statusMsg = checkSolution())}>Check Solution</button>
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
|
||||||
<!-- Edit Colors (input for now, maybe a color picker later) -->
|
<!-- Edit Colors (input for now, maybe a color picker later) -->
|
||||||
{#if mode === 'color'}
|
{#if mode === 'color'}
|
||||||
|
|||||||
Reference in New Issue
Block a user