curo-material-interface 0.0.5 → 0.0.6
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.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 9273680f368bf201ceb441bbd2b57773a9f7a983
|
|
4
|
+
data.tar.gz: d057d97799312f01c5516d626578015d7f5f6111
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 364b0bcff4358ff2097a1869b721c683bf51341cc31b39f429ef140902d086fea53feb3d55eefbc54cf841e5d5e3917b0189aa1d68d145feff46da098a004f26
|
|
7
|
+
data.tar.gz: add5fe92f3c67e573e306a8fd61f6361427ebfffedb83931e5a3ef29375583e833203e5538ae1b8efa95afd3c5d0778ccb581361420d62b23b4a03e47e18da4d
|
|
@@ -100,13 +100,14 @@ class CMI.FormComponents.Select
|
|
|
100
100
|
Math.max(document.documentElement.clientHeight, window.innerHeight || 0)
|
|
101
101
|
|
|
102
102
|
getViewportScrollY: ->
|
|
103
|
-
window.
|
|
103
|
+
window.pageYOffset
|
|
104
104
|
|
|
105
105
|
updateDropdownListPosition: ->
|
|
106
106
|
offset = @getInput().offset()
|
|
107
107
|
width = @getInput().width()
|
|
108
108
|
|
|
109
109
|
# reset
|
|
110
|
+
@getDropdownList().removeClass 'cmi-select-list-scroll'
|
|
110
111
|
@getDropdownList().css
|
|
111
112
|
height: 'auto'
|
|
112
113
|
top: 0
|
|
@@ -129,13 +130,14 @@ class CMI.FormComponents.Select
|
|
|
129
130
|
pos.top = @getViewportScrollY()
|
|
130
131
|
|
|
131
132
|
# fix if bottom is outside viewport
|
|
132
|
-
if pos.top + dropdownHeight > @
|
|
133
|
-
pos.bottom =
|
|
133
|
+
if pos.top + dropdownHeight > @getViewportScrollY() + @getViewportHeight()
|
|
134
|
+
pos.bottom = @getViewportScrollY() * -1
|
|
134
135
|
pos.top = null if pos.top > @getViewportScrollY()
|
|
135
136
|
|
|
136
137
|
# fix if top is outside viewport
|
|
137
138
|
if pos.top == null && dropdownHeight > @getViewportHeight()
|
|
138
139
|
pos.top = @getViewportScrollY()
|
|
140
|
+
@getDropdownList().addClass 'cmi-select-list-scroll'
|
|
139
141
|
|
|
140
142
|
# set position
|
|
141
143
|
pos.top = if pos.top == null then 'auto' else "#{pos.top}px"
|
|
@@ -219,7 +221,7 @@ class CMI.FormComponents.Select
|
|
|
219
221
|
content = ' ' if content.length <= 0
|
|
220
222
|
options.push "<li data-cmi-value='#{$(option).val()}'>#{content}</li>"
|
|
221
223
|
|
|
222
|
-
dropdownList = $("<
|
|
224
|
+
dropdownList = $("<div class='cmi-select-list'><ul>#{options.join('')}</ul></div>")
|
|
223
225
|
|
|
224
226
|
@domElement.data 'cmi-select-dropdown-list', dropdownList
|
|
225
227
|
$('body').append dropdownList
|
|
@@ -17,16 +17,28 @@
|
|
|
17
17
|
cursor: pointer
|
|
18
18
|
|
|
19
19
|
.cmi-select-list
|
|
20
|
+
+box-sizing(border-box)
|
|
20
21
|
+position(absolute, 0 auto auto 0)
|
|
21
22
|
+cmi-box-shadow(0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12))
|
|
22
23
|
display: none
|
|
23
|
-
overflow:
|
|
24
|
+
overflow: none
|
|
25
|
+
white-space: normal
|
|
24
26
|
z-index: 800
|
|
25
|
-
list-style: none
|
|
26
27
|
margin: 16px 0 16px 0
|
|
27
28
|
padding: 0
|
|
28
29
|
background-color: #fff
|
|
29
30
|
pointer-events: none
|
|
31
|
+
&.cmi-select-list-scroll
|
|
32
|
+
overflow: auto
|
|
33
|
+
overflow-y: scroll
|
|
34
|
+
ul
|
|
35
|
+
+box-sizing(border-box)
|
|
36
|
+
margin: 0
|
|
37
|
+
padding: 0
|
|
38
|
+
list-style: none
|
|
39
|
+
background-color: #fff
|
|
40
|
+
pointer-events: none
|
|
41
|
+
white-space: normal
|
|
30
42
|
li
|
|
31
43
|
+user-select(none)
|
|
32
44
|
padding: 10px 15px
|
|
@@ -51,7 +63,7 @@
|
|
|
51
63
|
.cmi-select-list.cmi-select-open
|
|
52
64
|
display: block
|
|
53
65
|
pointer-events: all
|
|
54
|
-
li
|
|
66
|
+
ul, li
|
|
55
67
|
cursor: pointer
|
|
56
68
|
pointer-events: all
|
|
57
69
|
|