GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2026-01-10 12:33:55 -05:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Added: Flag menu chevron

Browse source
This commit is contained in:
Luc Mcgrady 2025-11-24 12:31:51 +00:00
parent acf471127f
commit ac990d5840
No known key found for this signature in database
GPG key ID: 4F3D7A0B17CC3D9C
2 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ts/routes/reviewer/reviewer-bottom/More.svelte
View file

@ -183,6 +183,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<MoreSubmenu bind:showFloating={showFlags}> <MoreSubmenu bind:showFloating={showFlags}>
<MoreItem <MoreItem
slot="button" slot="button"
submenu
on:click={() => { on:click={() => {
showFlags = !showFlags; showFlags = !showFlags;
}} }}

11
ts/routes/reviewer/reviewer-bottom/MoreItem.svelte
View file

@ -4,11 +4,15 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
--> -->
<script lang="ts"> <script lang="ts">
export let shortcut: string = ""; export let shortcut: string = "";
export let submenu: boolean = false;
</script> </script>
<div class="row" on:click on:keydown role="button" tabindex="0"> <div class="row" on:click on:keydown role="button" tabindex="0">
<slot /> <slot />
<span>{shortcut}</span> <span>{shortcut}</span>
{#if submenu}
<span class="chevron">{"▸"}</span>
{/if}
</div> </div>
<style lang="scss"> <style lang="scss">
@ -30,4 +34,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
min-width: 6em; min-width: 6em;
} }
} }
.chevron {
text-align: right;
padding-right: 0.5em;
opacity: 50%;
transform: translateY(-1px);
}
</style> </style>