vhx-quartz 0.9.4 → 0.9.5
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 2a5e4744b98ed0fd0efa3b1474d767458f012458
|
4
|
+
data.tar.gz: 647de65ddd2bef8835fb0e4f595ed2eca26452a7
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c0648dce14a578ecaa7ced19f02ddff5b9dbebe90ed9d528e7c890cfc967fa76647fd0a8e4c5b5369c011b83ce859440cd5f7f9d0c07a12b0ce44b4dca2940d8
|
7
|
+
data.tar.gz: 501c4e3a2fddfbc78ac78395b92207972797ebe8c5f5ee301f2e8d7dfdbaee6aad94e2ee346fac1ebd500d6ddcc0646c97066f74af22ee4b1ef9064ef7a78f5f
|
data/lib/vhx/quartz/version.rb
CHANGED
@@ -137,9 +137,18 @@ vhxm.components.shared.select.ui.container = {
|
|
137
137
|
return new vhxm.components.shared.select.controller(opts);
|
138
138
|
},
|
139
139
|
view: function view(ctrl, opts) {
|
140
|
+
opts.custom_trigger ? opts.custom_trigger.attrs.onclick = ctrl.handleClick : '';
|
141
|
+
opts.custom_trigger ? opts.custom_trigger.attrs.className += ' c-select--trigger' : '';
|
142
|
+
|
140
143
|
return m('.c-select--container.form' + (opts.search ? '.has-search' : '') + (opts.inline ? '.inline' : ''), {
|
144
|
+
config: function config(el, isInitialized) {
|
145
|
+
if (opts.custom_trigger && isInitialized) {
|
146
|
+
var left_pos = el.querySelector('.c-select--trigger').offsetWidth * .25;
|
147
|
+
el.querySelector('.c-select--caret').style.left = left_pos + 'px';
|
148
|
+
}
|
149
|
+
},
|
141
150
|
onkeydown: ctrl.handleKeydown
|
142
|
-
}, [m('a.c-select--trigger.btn-dropdown-' + (opts.color ? opts.color : 'gray') + '.btn--fill' + (ctrl.state.isDropdownOpen() ? '.is-active' : ''), {
|
151
|
+
}, [opts.custom_trigger ? opts.custom_trigger : m('a.c-select--trigger.btn-dropdown-' + (opts.color ? opts.color : 'gray') + '.btn--fill' + (ctrl.state.isDropdownOpen() ? '.is-active' : ''), {
|
143
152
|
href: '#',
|
144
153
|
onclick: ctrl.handleClick
|
145
154
|
}, ctrl.selectedLabel()), m('.c-select--dropdown' + (ctrl.state.isDropdownOpen() ? '.is-open' : ''), [opts.search ?
|
@@ -160,7 +169,7 @@ vhxm.components.shared.select.ui.container = {
|
|
160
169
|
type: 'hidden',
|
161
170
|
name: opts.name,
|
162
171
|
value: ctrl.state.selected().value
|
163
|
-
})])]);
|
172
|
+
}), m('span.c-select--caret')])]);
|
164
173
|
}
|
165
174
|
};
|
166
175
|
|
@@ -48,25 +48,28 @@
|
|
48
48
|
display: none; }
|
49
49
|
.c-select--dropdown.is-open {
|
50
50
|
display: block; }
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
51
|
+
|
52
|
+
.c-select--caret {
|
53
|
+
border: solid transparent;
|
54
|
+
border-color: rgba(255, 255, 255, 0);
|
55
|
+
border-bottom-color: #D7DDE1;
|
56
|
+
border-width: 10px;
|
57
|
+
margin-right: -11px;
|
58
|
+
bottom: 100%;
|
59
|
+
right: 22px;
|
60
|
+
height: 0;
|
61
|
+
width: 0;
|
62
|
+
position: absolute;
|
63
|
+
pointer-events: none; }
|
64
|
+
.c-select--caret:before {
|
58
65
|
position: absolute;
|
59
|
-
|
60
|
-
|
61
|
-
|
66
|
+
bottom: -10px;
|
67
|
+
right: -9px;
|
68
|
+
content: ' ';
|
69
|
+
display: block;
|
70
|
+
border: solid transparent;
|
62
71
|
border-bottom-color: #ffffff;
|
63
|
-
border-width: 9px;
|
64
|
-
margin-right: -10px; }
|
65
|
-
.c-select--dropdown:before {
|
66
|
-
border-color: rgba(255, 255, 255, 0);
|
67
|
-
border-bottom-color: #D7DDE1;
|
68
|
-
border-width: 10px;
|
69
|
-
margin-right: -11px; }
|
72
|
+
border-width: 9px; }
|
70
73
|
|
71
74
|
.c-select--input-container {
|
72
75
|
position: absolute;
|