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

Fix field margin issues

Browse source
This commit is contained in:
Matthias Metelka 2022-09-06 22:53:45 +02:00
parent a26f7ee86b
commit 4d59d04187
2 changed files with 34 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ts/editor/EditorField.svelte
View file

@ -85,9 +85,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
onDestroy(() => api?.destroy()); onDestroy(() => api?.destroy());
</script> </script>
<slot name="field-label" /> <div class="field-container">
<slot name="field-label" />
<Collapsible collapse={collapsed} let:collapsed={hidden}> <Collapsible collapse={collapsed} let:collapsed={hidden}>
<div <div
use:elementResolve use:elementResolve
class="editor-field" class="editor-field"
@ -112,7 +113,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
{/if} {/if}
</EditingArea> </EditingArea>
</div> </div>
</Collapsible> </Collapsible>
</div>
<style lang="scss"> <style lang="scss">
.editor-field { .editor-field {

6
ts/editor/FieldsEditor.svelte
View file

@ -12,5 +12,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-grow: 1; flex-grow: 1;
/* replace with "gap: 5px" once it's available
- required: Chromium 84 (Qt6 only) and iOS 14.1 */
> :global(*) {
margin: 5px 0;
}
} }
</style> </style>