GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-24 08:46:37 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Center delete icon without padding/margin

Browse source
This commit is contained in:
Henrik Giesel 2021-07-01 21:59:57 +02:00
parent 201773e7c6
commit f2cd23ff22
1 changed files with 16 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
ts/editor/Tag.svelte
View file

@ -63,7 +63,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
>
<span>{name}</span>
<Badge
class="delete-icon rounded ms-1 mt-1"
class="delete-icon rounded d-flex align-items-center"
on:click={() => {
if (!selectMode) {
deleteTag();
@ -102,29 +102,27 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
&.select-mode {
cursor: crosshair;
&:hover :global(.delete-icon) {
opacity: 0;
}
}
&.selected {
box-shadow: 0 0 0 0.25rem transparentize(button.$focus-color, 0.5) !important;
}
}
.selected {
box-shadow: 0 0 0 0.25rem transparentize(button.$focus-color, 0.5) !important;
}
:global(.delete-icon > svg:hover) {
$white-translucent: rgba(255 255 255 / 0.5);
$dark-translucent: rgba(0 0 0 / 0.2);
:global(.delete-icon) {
.select-mode:hover & {
opacity: 0;
.btn-day & {
background-color: $dark-translucent;
}
> :global(svg:hover) {
$white-translucent: rgba(255 255 255 / 0.5);
$dark-translucent: rgba(0 0 0 / 0.2);
.btn-day & {
background-color: $dark-translucent;
}
.btn-night & {
background-color: $white-translucent;
}
.btn-night & {
background-color: $white-translucent;
}
}