iconograph-ui 1.7.3 → 1.7.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
import UserPicture from "$lib/iconograph-ui/user/UserPicture.svelte";
|
|
6
6
|
import NavBar from "$lib/iconograph-ui/navigation/NavBar.svelte";
|
|
7
7
|
import SelectUserInput from "$lib/iconograph-ui/user/SelectUserInput.svelte";
|
|
8
|
-
import UserSelect from "$lib/iconograph-ui/user/UserSelect.svelte";
|
|
9
8
|
import SearchSelect from "$lib/iconograph-ui/inputs/SearchSelect.svelte";
|
|
10
9
|
|
|
11
10
|
import Form from "$lib/iconograph-ui/form/Form.svelte";
|
|
@@ -109,6 +108,12 @@
|
|
|
109
108
|
|
|
110
109
|
</Card>
|
|
111
110
|
|
|
111
|
+
<Card>
|
|
112
|
+
|
|
113
|
+
<SelectUserInput></SelectUserInput>
|
|
114
|
+
|
|
115
|
+
</Card>
|
|
116
|
+
|
|
112
117
|
</BodySection>
|
|
113
118
|
|
|
114
119
|
<style>
|
package/index.js
CHANGED
|
@@ -24,7 +24,8 @@ import Field from "./lib/display/Field.svelte";
|
|
|
24
24
|
import Link from "./lib/display/Link.svelte";
|
|
25
25
|
import ActionButton from "./lib/form/ActionButton.svelte";
|
|
26
26
|
import MultiSelect from "./lib/form/MultiSelect.svelte";
|
|
27
|
-
import PasswordInput from "./lib/inputs/PasswordInput.svelte"
|
|
27
|
+
import PasswordInput from "./lib/inputs/PasswordInput.svelte";
|
|
28
|
+
import SearchSelect from "./lib/inputs/SearchSelect.svelte"
|
|
28
29
|
|
|
29
30
|
export {
|
|
30
31
|
Button,
|
|
@@ -53,5 +54,6 @@ export {
|
|
|
53
54
|
ActionButton,
|
|
54
55
|
MultiSelect,
|
|
55
56
|
PasswordInput,
|
|
57
|
+
SearchSelect,
|
|
56
58
|
addNotification,
|
|
57
59
|
};
|
|
@@ -10,16 +10,20 @@
|
|
|
10
10
|
|
|
11
11
|
let open = false;
|
|
12
12
|
let dropdownEl;
|
|
13
|
+
let y = 0;
|
|
13
14
|
let coords = { top: 0, right: 0, width: 0 };
|
|
14
15
|
|
|
15
16
|
function openDropdown() {
|
|
16
17
|
const rect = dropdownEl.getBoundingClientRect();
|
|
17
|
-
|
|
18
|
+
const scrollAtOpen = y;
|
|
19
|
+
coords = { top: rect.bottom + scrollAtOpen, left: rect.left, right: window.innerWidth - rect.right, width: rect.width };
|
|
18
20
|
open = !open;
|
|
19
21
|
}
|
|
20
22
|
|
|
21
23
|
</script>
|
|
22
24
|
|
|
25
|
+
<svelte:window bind:scrollY={y} />
|
|
26
|
+
|
|
23
27
|
<!-- svelte-ignore a11y_click_events_have_key_events -->
|
|
24
28
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
|
25
29
|
<div class="dropdown {open ? 'open' : ''} {style == "icon" ? 'icon' : ''}"
|
|
@@ -38,7 +38,8 @@
|
|
|
38
38
|
|
|
39
39
|
function openDropdown() {
|
|
40
40
|
const rect = dropdownEl.getBoundingClientRect();
|
|
41
|
-
|
|
41
|
+
const scrollAtOpen = y;
|
|
42
|
+
coords = { top: rect.bottom + scrollAtOpen, left: rect.left, width: rect.width };
|
|
42
43
|
open = !open;
|
|
43
44
|
}
|
|
44
45
|
|
|
@@ -51,6 +52,8 @@
|
|
|
51
52
|
|
|
52
53
|
</script>
|
|
53
54
|
|
|
55
|
+
<svelte:window bind:scrollY={y} />
|
|
56
|
+
|
|
54
57
|
<!-- svelte-ignore a11y_click_events_have_key_events -->
|
|
55
58
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
|
56
59
|
<div class="dropdown {open ? 'open' : ''}" bind:this={dropdownEl} use:clickOutside on:click_outside={() => {open = false}}
|