mapbox-gl-rails 1.3.1 → 1.4.0

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.
Files changed (8) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/mapbox-gl-directions.js +195 -184
  3. data/app/assets/javascripts/mapbox-gl-geocoder.js +2 -2
  4. data/app/assets/javascripts/mapbox-gl.js +1568 -864
  5. data/app/assets/stylesheets/mapbox-gl-geocoder.scss +94 -74
  6. data/lib/mapbox-gl/rails/version.rb +2 -2
  7. data/plugins.yaml +2 -2
  8. metadata +2 -2
data/app/assets/stylesheets/mapbox-gl-geocoder.scss CHANGED
@@ -21,43 +21,43 @@
21
21
  z-index: 1;
22
22
  border-radius: 4px;
23
23
  transition: width .25s, min-width .25s;
24
+ }
24
25
 
25
- input {
26
- &[type="text"] {
27
- font: inherit;
28
- width: 100%;
29
- border: 0;
30
- background-color: transparent;
31
- margin: 0;
32
- height: 50px;
33
- color: #404040;
34
-
35
- /* fallback */
36
- color: rgba(0, 0, 0, 0.75);
37
- padding: 6px 30px;
38
- text-overflow: ellipsis;
39
- white-space: nowrap;
40
- overflow: hidden;
41
- }
26
+ .mapboxgl-ctrl-geocoder--input {
27
+ font: inherit;
28
+ width: 100%;
29
+ border: 0;
30
+ background-color: transparent;
31
+ margin: 0;
32
+ height: 50px;
33
+ color: #404040;
42
34
 
43
- &::-ms-clear {
44
- display: none;
35
+ /* fallback */
36
+ color: rgba(0, 0, 0, 0.75);
37
+ padding: 6px 45px;
38
+ text-overflow: ellipsis;
39
+ white-space: nowrap;
40
+ overflow: hidden;
45
41
 
46
- /* hide input clear button in IE */
47
- }
42
+ &::-ms-clear {
43
+ display: none;
48
44
 
49
- &:focus {
50
- color: #404040;
45
+ /* hide input clear button in IE */
46
+ }
51
47
 
52
- /* fallback */
53
- color: rgba(0, 0, 0, 0.75);
54
- outline: 0;
55
- box-shadow: none;
56
- outline: thin dotted\8;
57
- }
48
+ &:focus {
49
+ color: #404040;
50
+
51
+ /* fallback */
52
+ color: rgba(0, 0, 0, 0.75);
53
+ outline: 0;
54
+ box-shadow: none;
55
+ outline: thin dotted\8;
58
56
  }
57
+ }
59
58
 
60
- .geocoder-pin-right > * {
59
+ .mapboxgl-ctrl-geocoder {
60
+ .mapboxgl-ctrl-geocoder--pin-right > * {
61
61
  z-index: 2;
62
62
  position: absolute;
63
63
  right: 8px;
@@ -67,45 +67,45 @@
67
67
 
68
68
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
69
69
 
70
- ul {
70
+ .suggestions {
71
71
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
72
72
  }
73
- }
74
73
 
75
- /* Collapsed */
74
+ &.mapboxgl-ctrl-geocoder--collapsed {
75
+ width: 50px;
76
+ min-width: 50px;
77
+ transition: width .25s, min-width .25s;
78
+ }
76
79
 
77
- .geocoder-collapsed {
78
- width: 30px;
79
- min-width: 30px;
80
- transition: width .25s, min-width .25s;
81
- }
80
+ .suggestions {
81
+ background-color: #fff;
82
+ border-radius: 4px;
83
+ left: 0;
84
+ list-style: none;
85
+ margin: 0;
86
+ padding: 0;
87
+ position: absolute;
88
+ width: 100%;
89
+ top: 110%;
82
90
 
83
- /* Suggestions */
91
+ /* fallback */
92
+ top: calc(100% + 6px);
93
+ z-index: 1000;
94
+ overflow: hidden;
95
+ font-size: 15px;
96
+ }
97
+ }
84
98
 
85
- .mapboxgl-ctrl-geocoder ul {
86
- background-color: #fff;
87
- border-radius: 4px;
88
- left: 0;
89
- list-style: none;
90
- margin: 0;
91
- padding: 0;
92
- position: absolute;
93
- width: 100%;
94
- top: 110%;
99
+ /* Collapsed */
95
100
 
96
- /* fallback */
97
- top: calc(100% + 6px);
98
- z-index: 1000;
99
- overflow: hidden;
100
- font-size: 15px;
101
- }
101
+ /* Suggestions */
102
102
 
103
- .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-geocoder ul, .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-geocoder ul {
103
+ .mapboxgl-ctrl-bottom-left .suggestions, .mapboxgl-ctrl-bottom-right .suggestions {
104
104
  top: auto;
105
105
  bottom: 100%;
106
106
  }
107
107
 
108
- .mapboxgl-ctrl-geocoder ul > {
108
+ .mapboxgl-ctrl-geocoder .suggestions > {
109
109
  li > a {
110
110
  cursor: default;
111
111
  display: block;
@@ -121,14 +121,14 @@
121
121
  }
122
122
  }
123
123
 
124
- .geocoder-suggestion-title {
124
+ .mapboxgl-ctrl-geocoder--suggestion-title {
125
125
  font-weight: bold;
126
126
  text-overflow: ellipsis;
127
127
  overflow: hidden;
128
128
  white-space: nowrap;
129
129
  }
130
130
 
131
- .geocoder-suggestion-address {
131
+ .mapboxgl-ctrl-geocoder--suggestion-address {
132
132
  text-overflow: ellipsis;
133
133
  overflow: hidden;
134
134
  white-space: nowrap;
@@ -136,7 +136,7 @@
136
136
 
137
137
  /* Icons */
138
138
 
139
- .geocoder-icon {
139
+ .mapboxgl-ctrl-geocoder--icon {
140
140
  display: inline-block;
141
141
  vertical-align: middle;
142
142
  speak: none;
@@ -144,34 +144,35 @@
144
144
  top: 15px;
145
145
  }
146
146
 
147
- .geocoder-icon-search {
147
+ .mapboxgl-ctrl-geocoder--icon-search {
148
148
  position: absolute;
149
- top: 15px;
150
- left: 5px;
151
- width: 20px;
152
- height: 20px;
149
+ top: 13px;
150
+ left: 12px;
151
+ width: 23px;
152
+ height: 23px;
153
153
  }
154
154
 
155
- .mapboxgl-ctrl-geocoder button {
155
+ .mapboxgl-ctrl-geocoder--button {
156
156
  padding: 0;
157
157
  margin: 0;
158
158
  border: none;
159
159
  cursor: pointer;
160
160
  background: #fff;
161
+ line-height: 1;
161
162
  }
162
163
 
163
- .geocoder-icon-close {
164
+ .mapboxgl-ctrl-geocoder--icon-close {
164
165
  width: 20px;
165
166
  height: 20px;
166
167
  margin-top: 8px;
167
168
  margin-right: 3px;
168
169
  }
169
170
 
170
- .mapboxgl-ctrl-geocoder button:hover .geocoder-icon-close {
171
+ .mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close {
171
172
  fill: #909090;
172
173
  }
173
174
 
174
- .geocoder-icon-loading {
175
+ .mapboxgl-ctrl-geocoder--icon-loading {
175
176
  width: 26px;
176
177
  height: 26px;
177
178
  margin-top: 5px;
@@ -209,35 +210,54 @@
209
210
  /* Media queries*/
210
211
  @media screen and (min-width: 640px) {
211
212
  .mapboxgl-ctrl-geocoder {
213
+ &.mapboxgl-ctrl-geocoder--collapsed {
214
+ width: 36px;
215
+ min-width: 36px;
216
+ }
217
+
212
218
  width: 33.3333%;
213
219
  font-size: 15px;
214
220
  line-height: 20px;
215
221
  max-width: 360px;
216
222
 
217
- ul {
223
+ .suggestions {
218
224
  font-size: 13px;
219
225
  }
220
226
  }
221
227
 
222
- .geocoder-icon {
228
+ .mapboxgl-ctrl-geocoder--icon {
223
229
  top: 8px;
224
230
  }
225
231
 
226
- .geocoder-icon-close {
232
+ .mapboxgl-ctrl-geocoder--icon-close {
227
233
  width: 16px;
228
234
  height: 16px;
229
235
  margin-top: 3px;
230
236
  margin-right: 0;
231
237
  }
232
238
 
233
- .mapboxgl-ctrl-geocoder input[type="text"] {
239
+ .mapboxgl-ctrl-geocoder--icon-search {
240
+ left: 7px;
241
+ width: 20px;
242
+ height: 20px;
243
+ }
244
+
245
+ .mapboxgl-ctrl-geocoder--input {
234
246
  height: 36px;
247
+ padding: 6px 35px;
235
248
  }
236
249
 
237
- .geocoder-icon-loading {
250
+ .mapboxgl-ctrl-geocoder--icon-loading {
238
251
  width: 26px;
239
252
  height: 26px;
240
253
  margin-top: -2px;
241
254
  margin-right: -5px;
242
255
  }
256
+
257
+ .mapbox-gl-geocoder--error {
258
+ color: #909090;
259
+ padding: 6px 12px;
260
+ font-size: 16px;
261
+ text-align: center;
262
+ }
243
263
  }
data/lib/mapbox-gl/rails/version.rb CHANGED
@@ -14,9 +14,9 @@ module MapboxGl
14
14
  # Major version number
15
15
  MAJOR = 1
16
16
  # Minor version number
17
- MINOR = 3
17
+ MINOR = 4
18
18
  # Smallest version number
19
- TINY = 1
19
+ TINY = 0
20
20
 
21
21
  # Full version number
22
22
  STRING = [MAJOR, MINOR, TINY].compact.join('.')
data/plugins.yaml CHANGED
@@ -2,12 +2,12 @@
2
2
  #
3
3
  plugins:
4
4
  geocoder:
5
- version: '4.0.0'
5
+ version: '4.4.1'
6
6
  js: 'mapbox-gl-geocoder.min.js'
7
7
  css: 'mapbox-gl-geocoder.css'
8
8
  url: https://github.com/mapbox/mapbox-gl-geocoder
9
9
  directions:
10
- version: '4.0.0'
10
+ version: '4.0.2'
11
11
  js: 'mapbox-gl-directions.js'
12
12
  css: 'mapbox-gl-directions.css'
13
13
  url: https://github.com/mapbox/mapbox-gl-directions
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: mapbox-gl-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.1
4
+ version: 1.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Nikita Bulai
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-09-05 00:00:00.000000000 Z
11
+ date: 2019-10-02 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties