Make the ImageHandle and MathjaxHandle dropdowns perfectly touch the HandleSelection

This commit is contained in:
Henrik Giesel 2021-09-15 22:26:32 +02:00
parent 1f09402066
commit b502ceedca
3 changed files with 6 additions and 2 deletions

View file

@ -46,6 +46,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
$: dropClass = `drop${drop}`; $: dropClass = `drop${drop}`;
export let skidding = 0;
export let distance = 2;
setContext(dropdownKey, { setContext(dropdownKey, {
dropdown: true, dropdown: true,
"data-bs-toggle": "dropdown", "data-bs-toggle": "dropdown",
@ -72,6 +75,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
dropdown = new Dropdown(toggle, { dropdown = new Dropdown(toggle, {
autoClose, autoClose,
offset: [skidding, distance],
popperConfig: { placement }, popperConfig: { placement },
} as any); } as any);

View file

@ -138,6 +138,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
drop="down" drop="down"
autoOpen={true} autoOpen={true}
autoClose={false} autoClose={false}
distance={3}
let:createDropdown let:createDropdown
let:dropdownObject let:dropdownObject
> >

View file

@ -3,8 +3,6 @@ Copyright: Ankitects Pty Ltd and contributors
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
--> -->
<script lang="ts"> <script lang="ts">
import { tick } from "svelte";
import WithDropdown from "components/WithDropdown.svelte"; import WithDropdown from "components/WithDropdown.svelte";
import ButtonToolbar from "components/ButtonToolbar.svelte"; import ButtonToolbar from "components/ButtonToolbar.svelte";
import DropdownMenu from "components/DropdownMenu.svelte"; import DropdownMenu from "components/DropdownMenu.svelte";
@ -60,6 +58,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
drop="down" drop="down"
autoOpen={true} autoOpen={true}
autoClose={false} autoClose={false}
distance={4}
let:createDropdown let:createDropdown
let:dropdownObject let:dropdownObject
> >