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

Make clearer which parts of ButtonGroup css are theming related

Browse source
This commit is contained in:
Henrik Giesel 2021-04-16 18:24:43 +02:00
parent b60f9cd05d
commit caa052e37e
1 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -27,14 +27,13 @@ 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) / 15);
margin: 0 0 calc(var(--toolbar-size) / 10);
}
.border-group {
/* buttons' borders exactly overlap each other */
.border-overlap-group {
:global(button),
:global(select) {
margin-left: -2px;
margin-left: -1px;
}
}
@ -67,16 +66,16 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
}
}
&:not(:nth-child(1)) {
&.gap-item:not(:nth-child(1)) {
margin-left: 1px;
}
}
</style>
<ul {id} class={className} class:border-group={!nightMode}>
<ul {id} class={className} class:border-overlap-group={!nightMode}>
{#each buttons as button}
{#if !button.hidden}
<li>
<li class:gap-item={nightMode}>
<svelte:component this={button.component} {...filterHidden(button)} />
</li>
{/if}