beyond-rails 0.0.200 → 0.0.205
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/src/js/components/Dropdown.js +9 -0
- data/src/sass/components/_btn.scss +4 -1
- data/src/sass/components/_search-dropdown.scss +5 -0
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f84184cdf5a61c85e88fe53777de533a82fb8fb12d4c692bab16030947fa10ce
|
4
|
+
data.tar.gz: b4ca0e7e8f38d2ad7cc7397ec53a8e762dd5efbebd9083c8e9ab05b88a3692fc
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 347a98b761bb5ae247cedb09105381edade5beac81ae3845b7cef02570aaf3034871a37877248e5cf276870b10c8d362022967a10c90509c41f382fc0e3a4f6f
|
7
|
+
data.tar.gz: f7563a13190a39ddd6a63dafceef653096eef974900d50ba832a08834126f724802fe4206dd93aa61c874a007d45a2251905b0e786438b519e1f75ff95c5fb62
|
@@ -34,8 +34,17 @@ export default class Dropdown {
|
|
34
34
|
}
|
35
35
|
|
36
36
|
init() {
|
37
|
+
|
38
|
+
if (! this.dom) {
|
39
|
+
throw new Error('dom is missing in Dropdown class')
|
40
|
+
}
|
41
|
+
|
37
42
|
this.id = this.dom.dataset.target
|
38
43
|
this.menu = document.querySelector(`[data-dropdown-menu="${this.id}"]`)
|
44
|
+
|
45
|
+
if (! this.menu) {
|
46
|
+
throw new Error(`menu ${this.id} is missing in Dropdown class`)
|
47
|
+
}
|
39
48
|
this.place = this.menu.dataset.place || 'bottom'
|
40
49
|
this.align = this.menu.dataset.align
|
41
50
|
this.menu.remove()
|
@@ -67,7 +67,7 @@
|
|
67
67
|
cursor: not-allowed;
|
68
68
|
}
|
69
69
|
.icon {
|
70
|
-
margin-right: .
|
70
|
+
margin-right: .4em;
|
71
71
|
}
|
72
72
|
}
|
73
73
|
.btn-loader {
|
@@ -113,6 +113,9 @@
|
|
113
113
|
&:focus {
|
114
114
|
@include focus-outline;
|
115
115
|
}
|
116
|
+
&.active {
|
117
|
+
background-color: #f3f3f7;
|
118
|
+
}
|
116
119
|
}
|
117
120
|
|
118
121
|
.btn .badge {
|
@@ -14,6 +14,7 @@
|
|
14
14
|
-webkit-overflow-scrolling: touch;
|
15
15
|
}
|
16
16
|
.search-dropdown-menu-item {
|
17
|
+
display: flex;
|
17
18
|
border: 3px solid transparent;
|
18
19
|
&.selected {
|
19
20
|
border: 3px solid $bg-outline;
|
@@ -23,6 +24,10 @@
|
|
23
24
|
padding: 7px 11px;
|
24
25
|
strong {
|
25
26
|
color: #6772e5;
|
27
|
+
margin-right: .7em;
|
28
|
+
}
|
29
|
+
> span {
|
30
|
+
max-width: 420px;
|
26
31
|
}
|
27
32
|
}
|
28
33
|
}
|