35431c5944
* Animate Collapsible in both directions * Fix field margin issues * Fix code style issues * Make duration prop optional * Implement reduced motion mode for Collapsible * Refactor Collapsible and add comments * Fix LabelContainer badges disappearing when field is still hovered * Remove reducedMotion store and use body class instead * Export optional animated boolean * Do not export duration * Add 5px top padding to Fields.svelte to make it look like it used to. * Revert "Add 5px top padding to Fields.svelte" This reverts commit f30026149a89f3d3b289c5030cd1ca34f728b036. * Add top margin of 5px to Fields.svelte
30 lines
701 B
Svelte
30 lines
701 B
Svelte
<!--
|
|
Copyright: Ankitects Pty Ltd and contributors
|
|
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|
-->
|
|
<!--
|
|
@component
|
|
Contains the fields. This contains the scrollable area.
|
|
-->
|
|
<div class="fields">
|
|
<slot />
|
|
</div>
|
|
|
|
<style lang="scss">
|
|
.fields {
|
|
margin-top: 5px;
|
|
display: grid;
|
|
grid-auto-rows: min-content;
|
|
grid-gap: 6px;
|
|
|
|
/* Add space after the last field and the start of the tag editor */
|
|
padding-bottom: 5px;
|
|
|
|
/* Move the scrollbar for the NoteEditor into this element */
|
|
overflow-y: auto;
|
|
|
|
/* Push the tag editor to the bottom of the note editor */
|
|
flex-grow: 1;
|
|
}
|
|
</style>
|