mirror
/
learndb
kopia lustrzana https://github.com/learn-awesome/learndb
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

suppress A11Y warnings

main
nileshtrivedi 2024-11-28 13:58:55 +05:30
rodzic bfa2fa4f04
commit e3b5e2e5df
8 zmienionych plików z 34 dodań i 1 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

2
package.json
Wyświetl plik

@ -1,6 +1,6 @@
{
"name": "learndb",
"version": "1.0.0",
"version": "1.1.0",
"private": true,
"type": "module",
"scripts": {

1
src/AdvancedSearch.svelte
Wyświetl plik

@ -27,6 +27,7 @@
<form class="hidden w-full md:pl-24 md:flex justify-center" onsubmit={preventDefault(bubble('submit'))}>
<div class="absolute w-2/3 top-2">
<div class="transform overflow-hidden rounded-md bg-primary_light shadow-2xl ring-1 ring-black ring-opacity-5 transition-all w-2/3 mx-auto">
<!-- svelte-ignore a11y_no_static_element_interactions -->
<sl-input
placeholder="Search..." size="medium" clearable
class="p-0"

2
src/AppShell.svelte
Wyświetl plik

@ -97,11 +97,13 @@
<!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->
{#if isNavDrawerOpen}
<div class="relative z-40 md:hidden" role="dialog" aria-modal="true">
<!-- svelte-ignore a11y_no_static_element_interactions -->
<div class="fixed inset-0 bg-neutral_light bg-opacity-75 mt-12" onclick={e => isNavDrawerOpen = false}></div>
<div class="fixed inset-y-0 left-0 flex z-50 mt-12">
<div class="relative flex-1 flex flex-col w-64 w-full pb-4">
<div class="md:ml-6 flex-1 h-0 overflow-y-auto bg-primary_light text-primary">
<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
<nav class="px-4 space-y-1" onclick={e => isNavDrawerOpen = false}>
{@render nav?.()}
{#if window.location.href.startsWith('http://127.0.0.1')}

1
src/BookCard.svelte
Wyświetl plik

@ -9,6 +9,7 @@
<img class=" h-36 w-24 md:h-56 md:w-40 shrink-0" src={item.image || randomCover(item.id)} alt="{item.name}"/>
{#if item.rating}
<!-- svelte-ignore a11y_missing_content -->
<h1 class="text-sm md:text-lg font-semibold p-2 text-primary_light tracking-wider">
<sl-rating style="--symbol-size: 0.80 rem;" readonly precision="0.1" value={item.rating}></sl-rating>
</h1>

2
src/MasonryItem.svelte
Wyświetl plik

@ -20,6 +20,7 @@
<span class="mt-1 p-1 font-extrabold text-lg text-primary underline">{ parent[0] }</span>
{:else}
<div class="group inline-flex">
<!-- svelte-ignore node_invalid_placement_ssr -->
<a href={"#/topic/" + parent[0].name}><span class="mt-1 p-1 text-primary font-extrabold text-lg ">{ format_topic_name(parent[0]) }</span>
<div class="w-5 mt-0.25 h-0.5 ml-1 bg-primary group-hover:w-full ease-in-out duration-300"></div>
</a>
@ -29,6 +30,7 @@
<div class="mt-2 flex flex-wrap">
{#each parent[1].sort((t1,t2) => (t1.name.localeCompare(t2.name))) as child}
<!-- svelte-ignore node_invalid_placement_ssr -->
<a href={"#/topic/" + child.name} class="text-primary no-underline hover:underline hover:underline-offset-2 px-2 ">{format_topic_name(child)}</a>
{/each}
</div>

18
src/Roadmap.svelte
Wyświetl plik

@ -224,6 +224,8 @@
{#each node.left as sec, j}
<g>
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<rect
class="secondary"
fill={$roadmap_progress[topic] && $roadmap_progress[topic][sec.label] == 'done' ? '#ccc' : 'rgb(255,229,153)'}
@ -232,6 +234,8 @@
width={250}
height={45}>
</rect>
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<text
class="secondary"
text-decoration={$roadmap_progress[topic] && $roadmap_progress[topic][sec.label] == 'done' ? 'line-through' : 'none'}
@ -244,6 +248,8 @@
{#each node.middle as sec,j}
<g>
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<rect
class="secondary"
fill={$roadmap_progress[topic] && $roadmap_progress[topic][sec.label] == 'done' ? '#ccc' : 'rgb(255,229,153)'}
@ -252,6 +258,8 @@
width={250}
height={45}>
</rect>
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<text
class="secondary"
text-decoration={$roadmap_progress[topic] && $roadmap_progress[topic][sec.label] == 'done' ? 'line-through' : 'none'}
@ -264,6 +272,8 @@
{#each node.right as sec, j}
<g>
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<rect
class="secondary"
fill={$roadmap_progress[topic] && $roadmap_progress[topic][sec.label] == 'done' ? '#ccc' : 'rgb(255,229,153)'}
@ -272,6 +282,8 @@
width={250}
height={45}>
</rect>
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<text
class="secondary"
text-decoration={$roadmap_progress[topic] && $roadmap_progress[topic][sec.label] == 'done' ? 'line-through' : 'none'}
@ -313,14 +325,20 @@
<sl-drawer open={selectedNode} class="drawer-overview" style="--size: 50vw;">
{#if selectedNode}
{#if $roadmap_progress[topic] && $roadmap_progress[topic][selectedNode.label] === 'done'}
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<sl-button variant="danger" onclick={e => saveProgress(topic, selectedNode.label, 'pending')}>Mark as Pending</sl-button>
{:else}
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<sl-button variant="success" onclick={e => saveProgress(topic, selectedNode.label, 'done')}>Mark as Done</sl-button>
{/if}
<div class="mt-8 prose">
{@html marked(selectedNode?.desc || "", { renderer })}
</div>
{/if}
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<sl-button slot="footer" variant="primary" onclick={e => selectedNode = null}>Close</sl-button>
</sl-drawer>

3
src/TreeMap.svelte
Wyświetl plik

@ -98,6 +98,8 @@
<PancakeTreemap {root} >
{#snippet children({ node })}
{#if is_visible(node, selected)}
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<div
transition:fade={{duration:400}}
class="node"
@ -105,6 +107,7 @@
onclick={() => select(node)}
>
<div class="pancontents">
<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
<strong onclick={stopPropagation(() => window.location.href = "/#/topic/" + node.data.name)}>
{node.data.name.split('/').reverse()[0]}
</strong>

6
src/roadmapAlt.svelte
Wyświetl plik

@ -224,13 +224,19 @@
<sl-drawer open={selectedNode} class="drawer-overview" style="--size: 50vw;">
{#if selectedNode}
{#if $roadmap_progress[topic] && $roadmap_progress[topic][selectedNode.label] === 'done'}
<!-- svelte-ignore a11y_no_static_element_interactions -->
<!-- svelte-ignore a11y_click_events_have_key_events -->
<sl-button variant="danger" onclick={e => saveProgress(topic, selectedNode.label, 'pending')}>Mark as Pending</sl-button>
{:else}
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<sl-button variant="success" onclick={e => saveProgress(topic, selectedNode.label, 'done')}>Mark as Done</sl-button>
{/if}
<div class="mt-8 prose">
{@html marked(selectedNode? initialNodes[selectedNode-1].data.desc : "", { renderer })}
</div>
{/if}
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<sl-button slot="footer" variant="primary" onclick={e => selectedNode = null}>Close</sl-button>
</sl-drawer>