GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-21 15:32:23 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Fix selected tags not being highlighted (#2104)

Browse source 
* Give selected AutocompleteItem primary button style

* Fix formatting
This commit is contained in:
Matthias Metelka 2022-10-03 05:25:55 +02:00 committed by GitHub
parent 62266aece4
commit d7b982ec9a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
ts/tag-editor/AutocompleteItem.svelte
View file

@ -3,8 +3,6 @@ Copyright: Ankitects Pty Ltd and contributors
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
-->
<script lang="ts">
import { pageTheme } from "../sveltelib/theme";
export let selected = false;
export let active = false;
@ -23,9 +21,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<button
bind:this={buttonRef}
tabindex="-1"
class="autocomplete-item btn"
class:btn-day={!$pageTheme.isDark}
class:btn-night={$pageTheme.isDark}
class="autocomplete-item"
class:selected
class:active
on:mousedown|preventDefault
@ -41,14 +37,20 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
@use "sass/button-mixins" as button;
.autocomplete-item {
@include button.base($with-disabled: false, $active-class: active);
padding: 1px 7px 2px;
text-align: start;
white-space: nowrap;
flex-grow: 1;
border-radius: 0;
}
button {
@include button.base($with-disabled: false, $active-class: active);
&.selected {
@include button.base(
$primary: true,
$with-disabled: false,
$active-class: active
);
}
}
</style>