Browse Source

re-enabled minimap

pull/46/head 0.91
coomdev 2 years ago
parent
commit
03ab5064d4
  1. 7
      src/ScrollHighlighter.svelte
  2. 4
      src/main.ts

7
src/ScrollHighlighter.svelte

@ -34,6 +34,7 @@ const updatePositions = (v: typeof $appState) => {
} }
const updateViewhint = () => { const updateViewhint = () => {
if (!$settings.sh) return;
const [sw, sh] = getViewport(); const [sw, sh] = getViewport();
const fromtop = getDistFromTop(); const fromtop = getDistFromTop();
const containerScrollHeight = document.documentElement.scrollHeight; const containerScrollHeight = document.documentElement.scrollHeight;
@ -77,11 +78,13 @@ onDestroy(() => {
{#each $appState.foundPosts as post, i} {#each $appState.foundPosts as post, i}
<span <span
on:click={() => window.scrollTo(0, positions[i][2])} on:click={() => window.scrollTo(0, positions[i][2])}
style="top: {positions[i][0]}px; height: {positions[i][1]}px; background-color: {positions[i][3]}" style="top: {positions[i][0]}px; height: {positions[
i
][1]}px; background-color: {positions[i][3]}"
class="marker" class="marker"
/> />
{/each} {/each}
<span class="hint" bind:this={viewhint}></span> <span class="hint" bind:this={viewhint} />
</div> </div>
{/if} {/if}

4
src/main.ts

@ -248,10 +248,10 @@ const startup = async () => {
const appHost = textToElement(`<div class="pee-settings"></div>`); const appHost = textToElement(`<div class="pee-settings"></div>`);
const appInstance = new App({ target: appHost }); const appInstance = new App({ target: appHost });
document.body.append(appHost); document.body.append(appHost);
/*
const scrollHost = textToElement(`<div class="pee-scroll"></div>`); const scrollHost = textToElement(`<div class="pee-scroll"></div>`);
new ScrollHighlighter({ target: scrollHost }); new ScrollHighlighter({ target: scrollHost });
document.body.append(scrollHost);*/ document.body.append(scrollHost);
appState.set({ appState.set({
...cappState, ...cappState,

Loading…
Cancel
Save