langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix a11y issues with Badge component (#2721)

Browse Source 
* fix: a11y issues in badge component

* fix: spacing issues with button element
This commit is contained in:
Kenny 2023-10-12 04:33:36 +01:00 committed by GitHub
parent d261d1e467
commit 73eab9280d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ts/components/Badge.svelte
View File

@ -24,7 +24,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
});
</script>
<span
<button
bind:this={spanRef}
title={tooltip}
class="badge {className}"
@ -35,11 +35,21 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<IconConstrain {iconSize} {widthMultiplier} {flipX}>
<slot />
</IconConstrain>
</span>
</button>
<style>
.badge {
color: var(--badge-color, inherit);
border: none;
background: transparent;
padding: 0;
}
.badge:hover,
.badge:active {
border: none;
background: transparent;
box-shadow: none;
}
.dropdown-toggle::after {