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

Simplify tag structure in ButtonGroup

Browse source
This commit is contained in:
Henrik Giesel 2021-04-23 21:42:44 +02:00
parent 8ecd4f8c95
commit 9629d3201b
1 changed files with 15 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
ts/editor-toolbar/ButtonGroup.svelte
View file

@ -27,7 +27,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
overflow-y: auto;
padding-inline-start: 0;
margin: 0 0 calc(var(--toolbar-size) / 10);
margin: 0 calc(var(--toolbar-size) / 8) calc(var(--toolbar-size) / 8) 0;
&.border-overlap-group {
:global(button),
@ -35,10 +35,17 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
margin-left: -1px;
}
}
&.gap-group {
:global(button),
:global(select) {
margin-left: 1px;
}
}
}
li {
display: inline-block;
display: contents;
> :global(button),
> :global(select) {
@ -65,17 +72,17 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
border-bottom-right-radius: calc(var(--toolbar-size) / 7.5);
}
}
&.gap-item:not(:nth-child(1)) {
margin-left: 1px;
}
}
</style>
<ul {id} class={className} class:border-overlap-group={!nightMode}>
<ul
{id}
class={className}
class:border-overlap-group={!nightMode}
class:gap-group={nightMode}>
{#each items as button}
{#if !button.hidden}
<li class:gap-item={nightMode}>
<li>
<svelte:component this={button.component} {...filterHidden(button)} />
</li>
{/if}