aloha-vue 1.2.116 → 1.2.117
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.
package/package.json
CHANGED
|
@@ -10,12 +10,12 @@ export default function PopperContainerAPI(props) {
|
|
|
10
10
|
return `#${ popperContainerId.value }`;
|
|
11
11
|
});
|
|
12
12
|
|
|
13
|
-
const addPopperContainerInBody = () => {
|
|
13
|
+
const addPopperContainerInBody = ({ className = "a_popup_container" } = {}) => {
|
|
14
14
|
const ELEMENT_CONTAINER = document.getElementById(popperContainerId.value);
|
|
15
15
|
if (!ELEMENT_CONTAINER) {
|
|
16
16
|
const POPPER_CONTAINER = document.createElement("div");
|
|
17
17
|
POPPER_CONTAINER.id = popperContainerId.value;
|
|
18
|
-
POPPER_CONTAINER.className =
|
|
18
|
+
POPPER_CONTAINER.className = className;
|
|
19
19
|
POPPER_CONTAINER.setAttribute("aria-hidden", "true");
|
|
20
20
|
document.body.prepend(POPPER_CONTAINER);
|
|
21
21
|
}
|
|
@@ -3,6 +3,7 @@ $a_breakpoint_touch: 1023px !default;
|
|
|
3
3
|
.a_filters_top {
|
|
4
4
|
--a_filters_top_padding: 0.5rem;
|
|
5
5
|
--a_filters_top_form_width: 50%;
|
|
6
|
+
--a_filters_top_form_max_width: 500px;
|
|
6
7
|
--a_filters_top_label_padding_left: 2rem;
|
|
7
8
|
--a_filters_top_label_width: 34%;
|
|
8
9
|
--a_filters_top_subgroup_width: 66%;
|
|
@@ -39,7 +40,6 @@ $a_breakpoint_touch: 1023px !default;
|
|
|
39
40
|
--a_filter_hor_padding_x: 1rem;
|
|
40
41
|
--a_filter_hor_padding_y: 1rem;
|
|
41
42
|
--a_filter_hor_body_max_height: calc(100vh - 1rem - 113px);
|
|
42
|
-
--a_filter_hor_footer_height: 70px;
|
|
43
43
|
--a_filter_hor_footer_bg: rgba(255, 255, 255, 0.7);
|
|
44
44
|
--a_filter_hor_footer_actions_bg: var(--a_color_white);
|
|
45
45
|
|
|
@@ -114,7 +114,6 @@ $a_breakpoint_touch: 1023px !default;
|
|
|
114
114
|
}
|
|
115
115
|
.a_filter_horizontal__footer {
|
|
116
116
|
text-align: right;
|
|
117
|
-
height: var(--a_filter_hor_footer_height);
|
|
118
117
|
position: sticky;
|
|
119
118
|
bottom: 0;
|
|
120
119
|
background-color: rgba(255, 255, 255, 0.8);
|
|
@@ -137,7 +136,7 @@ $a_breakpoint_touch: 1023px !default;
|
|
|
137
136
|
}
|
|
138
137
|
|
|
139
138
|
.a_filters_top__form {
|
|
140
|
-
width: var(--
|
|
139
|
+
max-width: var(--a_filters_top_form_max_width);
|
|
141
140
|
padding: 0;
|
|
142
141
|
}
|
|
143
142
|
.a_filters_top__save_select {
|
package/src/styles/styles.scss
CHANGED
|
@@ -22,12 +22,18 @@
|
|
|
22
22
|
.a_search_highlight {
|
|
23
23
|
color: red;
|
|
24
24
|
}
|
|
25
|
-
.a_popup_container
|
|
25
|
+
.a_popup_container,
|
|
26
|
+
.a_select_container {
|
|
26
27
|
position: relative;
|
|
27
28
|
height: 0;
|
|
28
|
-
z-index: 1900;
|
|
29
29
|
top: 100%;
|
|
30
30
|
}
|
|
31
|
+
.a_popup_container {
|
|
32
|
+
z-index: 1900;
|
|
33
|
+
}
|
|
34
|
+
.a_select_container {
|
|
35
|
+
z-index: 1901;
|
|
36
|
+
}
|
|
31
37
|
.a_dropdown__menu {
|
|
32
38
|
box-shadow: 0 0 7px 3px var(--a_color_gray_600);
|
|
33
39
|
}
|
|
@@ -533,7 +533,7 @@ export default {
|
|
|
533
533
|
deep: true,
|
|
534
534
|
});
|
|
535
535
|
|
|
536
|
-
addPopperContainerInBody();
|
|
536
|
+
addPopperContainerInBody({ className: "a_select_container " });
|
|
537
537
|
loadDataFromServer();
|
|
538
538
|
loadDataFromServerForSearchAPI();
|
|
539
539
|
|
|
@@ -709,6 +709,7 @@ export default {
|
|
|
709
709
|
}],
|
|
710
710
|
role: "listbox",
|
|
711
711
|
ariaLabelledby: this.htmlIdLocal,
|
|
712
|
+
onClick: event => event.stopPropagation(),
|
|
712
713
|
}, [
|
|
713
714
|
this.searchOutsideOrApi && h("div", {
|
|
714
715
|
class: "a_select__search",
|