68fa661b53
* Move up MathjaxOverlay to be initialized only once * Move ImageOverlay to NoteEditor root * Move Symbols Overlay to NoteEditor root * Refactor image overlay to not require second mutation observer * Use elevation + overflow:hidden in Editorfield * Make it possible to show input next to each other again * Set handle background color to code bg * Make Collapsible unmount the component * Simplify how decorated elements are mounted * Set RichTextInput background to frame-bg again * Strip out FocusTrap code * Revert "Make Collapsible unmount the component" This reverts commit 52722065ea199fa57ae750fa34bf47ee1c5aab3c. * Allow clicking on label container to unfocus field * Fix mathjax overlay resetting too its api too soon * Allow scrolling on overlays * Set focus-border border-color in focused field * Fix background color of fields * Add back grid-gap removed it during merge to see if margin-top would behave any differently - which is not the case. * Fix double border issue within Collapsible.svelte * Format * Edit appearance of focused fields a bit * Remove unused properties * Include elevation in button_mixins_lib * Give label-container a background color Co-authored-by: Henrik Giesel <hengiesel@gmail.com>
31 lines
729 B
Svelte
31 lines
729 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 */
|
|
position: relative;
|
|
overflow-y: auto;
|
|
|
|
/* Push the tag editor to the bottom of the note editor */
|
|
flex-grow: 1;
|
|
}
|
|
</style>
|