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

Adjust paddings a bit more

Browse source
This commit is contained in:
Henrik Giesel 2021-07-01 22:15:49 +02:00
parent f2cd23ff22
commit 6642a11482
2 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
ts/editor/Tag.svelte
View file

@ -9,6 +9,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
import { deleteIcon } from "./icons"; import { deleteIcon } from "./icons";
import { controlPressed, shiftPressed } from "lib/keys"; import { controlPressed, shiftPressed } from "lib/keys";
let className: string = "";
export { className as class };
export let name: string; export let name: string;
export let selected: boolean = false; export let selected: boolean = false;
@ -51,7 +54,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<svelte:body on:keydown={setDeleteIcon} on:keyup={setDeleteIcon} /> <svelte:body on:keydown={setDeleteIcon} on:keyup={setDeleteIcon} />
<button <button
class="tag btn d-inline-flex align-items-center text-nowrap rounded ps-2 pe-1 me-1" class={`tag btn d-inline-flex align-items-center text-nowrap rounded ps-2 pe-1 ${className}`}
class:selected class:selected
class:flashing class:flashing
class:select-mode={selectMode} class:select-mode={selectMode}
@ -63,7 +66,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
> >
<span>{name}</span> <span>{name}</span>
<Badge <Badge
class="delete-icon rounded d-flex align-items-center" class="delete-icon rounded d-flex align-items-center ms-1"
on:click={() => { on:click={() => {
if (!selectMode) { if (!selectMode) {
deleteTag(); deleteTag();
@ -88,7 +91,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
} }
button { button {
padding: 0; padding-top: 0.1rem;
padding-bottom: 0.1rem;
&:focus, &:focus,
&:active { &:active {

9
ts/editor/TagEditor.svelte
View file

@ -362,7 +362,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
{size} {size}
on:focusout={deselectIfLeave} on:focusout={deselectIfLeave}
> >
<div class="pb-1" on:mousedown|preventDefault> <div class="pad" on:mousedown|preventDefault>
{#if tags.some((tag) => tag.selected)} {#if tags.some((tag) => tag.selected)}
<SelectedTagBadge <SelectedTagBadge
on:tagcopy={copySelectedTags} on:tagcopy={copySelectedTags}
@ -374,8 +374,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
</div> </div>
{#each tags as tag, index (tag.id)} {#each tags as tag, index (tag.id)}
<div class="position-relative pb-1" class:hide-tag={index === active}> <div class="position-relative pad" class:hide-tag={index === active}>
<Tag <Tag
class="me-1"
name={tag.name} name={tag.name}
bind:flash={tag.flash} bind:flash={tag.flash}
bind:selected={tag.selected} bind:selected={tag.selected}
@ -450,4 +451,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
.hide-tag :global(.tag) { .hide-tag :global(.tag) {
opacity: 0; opacity: 0;
} }
.pad {
padding-bottom: 0.15rem;
}
</style> </style>