Move Graph-specific html from GraphsPage to Graph.svelte

This commit is contained in:
Henrik Giesel 2021-03-21 22:09:34 +01:00
parent 36e14cd525
commit c107090906
2 changed files with 14 additions and 16 deletions

View File

@ -42,6 +42,9 @@
* marked the ticks as odd */ * marked the ticks as odd */
display: none; display: none;
} }
&:focus {
outline: 0;
} }
} }
@ -57,7 +60,7 @@
} }
</style> </style>
<div class="graph"> <div class="graph" tabindex="-1">
<h1>{title}</h1> <h1>{title}</h1>
{#if subtitle} {#if subtitle}

View File

@ -60,9 +60,6 @@
} }
} }
.no-focus-outline:focus {
outline: 0;
}
</style> </style>
<div class="base"> <div class="base">
@ -77,7 +74,6 @@
{/if} {/if}
{#if sourceData} {#if sourceData}
<div tabindex="-1" class="no-focus-outline">
{#each graphs as graph} {#each graphs as graph}
<svelte:component <svelte:component
this={graph} this={graph}
@ -88,6 +84,5 @@
{nightMode} {nightMode}
on:search={browserSearch} /> on:search={browserSearch} />
{/each} {/each}
</div>
{/if} {/if}
</div> </div>