materialize-select2-rails 0.1.0 → 0.1.1

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
  SHA256:
3
- metadata.gz: b52f1458e1dc4ceb97a33c5ac64684e50a97b8ecf836a20507efaf091fcfacb3
4
- data.tar.gz: 34c5c5f51ecb1a0f72100ecd951e80b6b2ecddf60e7767369923dd21c722e5f0
3
+ metadata.gz: 07cc6aeb7ad2748852f01dd9abb80f5f6b69eb33871b49cd21594de68866161a
4
+ data.tar.gz: 349bc1f43af6d947c169dfaf8e5a10866e6678754ab72b1ece7828eaf5d1c397
5
5
  SHA512:
6
- metadata.gz: 754f7b762ad2e3837a46f689e360361d01ff854d95f80743dab532e7d4e88f477864b5a5fd1acaabdc0d2acdbf41c27ccfb89b05a5bdaac7267c8e15a04b6b73
7
- data.tar.gz: ffe7702b279cb29de137e04325b938e7e95a59b4e5013b477de3a715584bfa9460d76adc022b284fc45cfbdbb2d159e5f8827552798dc493a000445331fd9130
6
+ metadata.gz: 445145009dd8a89e75af3eba2698b736fbff0e991af3245916fb9100349af811c4df850e0180ee05ce8b783ae4193c357cc7712e9d59c47c3d9c184a855b46d2
7
+ data.tar.gz: 91f576136396b3e6cb76811ff381a6323883818e5b368e0233d02b6b99db24e61b49e5233aa0fe03997f821ceb0dddfed5cbb27c26a6a34640aaddec3f1ef465
@@ -1,7 +1,7 @@
1
1
  module Materialize
2
2
  module Select2
3
3
  module Rails
4
- VERSION = "0.1.0"
4
+ VERSION = "0.1.1"
5
5
  end
6
6
  end
7
7
  end
@@ -4259,6 +4259,14 @@ S2.define('select2/dropdown/attachBody',[
4259
4259
  self._resizeDropdown();
4260
4260
  });
4261
4261
  }
4262
+
4263
+ $(container.$dropdown[0].firstChild).find('ul').css({
4264
+ width: 'auto',
4265
+ height: 'auto',
4266
+ transformOrigin: '0 0 0',
4267
+ opacity: 1,
4268
+ transform: 'scaleX(1) scaleY(1)'
4269
+ })
4262
4270
  });
4263
4271
 
4264
4272
  container.on('close', function () {
@@ -4296,6 +4304,7 @@ S2.define('select2/dropdown/attachBody',[
4296
4304
  var $container = $('<span></span>');
4297
4305
 
4298
4306
  var $dropdown = decorated.call(this);
4307
+
4299
4308
  $container.append($dropdown);
4300
4309
 
4301
4310
  this.$dropdownContainer = $container;
@@ -54,33 +54,33 @@
54
54
  }
55
55
 
56
56
  .select2-dropdown {
57
- background-color: white;
58
57
  box-sizing: border-box;
59
58
  display: block;
60
59
  position: absolute;
61
60
  left: -100000px;
62
61
  width: 100%;
63
62
  z-index: 1051;
64
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
65
63
  }
66
64
 
67
65
  .select2-results {
68
- display: block;
69
66
  }
70
67
 
71
68
  .select2-results__options {
72
69
  margin: 0;
73
70
  list-style: none;
74
- /* transform-origin: 0px 0px 0px;
75
- opacity: 1;
76
- transform: scaleX(1) scaleY(1);*/
71
+
72
+ width: 0px;
73
+ height: 0px;
74
+ background-color: #fff;
75
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
76
+
77
+ transition: all .8s ease-in-out;
77
78
  }
78
79
 
79
80
  .select2-results__option {
80
81
  user-select: none;
81
82
  -webkit-user-select: none;
82
83
  font-size: 16px;
83
- /*display: block;*/
84
84
  line-height: 22px;
85
85
  padding: 14px 16px;
86
86
  &[aria-selected] {
@@ -107,6 +107,8 @@
107
107
  .select2-search--dropdown {
108
108
  display: block;
109
109
  padding: 4px;
110
+ background-color: #fff;
111
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
110
112
  .select2-search__field {
111
113
  padding: 4px;
112
114
  width: 100%;
@@ -199,11 +201,17 @@
199
201
  }
200
202
  }
201
203
  &.select2-container--disabled .select2-selection--single {
202
- background-color: #eee;
203
204
  cursor: materialize;
205
+ border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
206
+ .select2-selection__rendered {
207
+ color: rgba(0, 0, 0, 0.42);
208
+ }
204
209
  .select2-selection__clear {
205
210
  display: none;
206
211
  }
212
+ .select2-selection__arrow {
213
+ display: none;
214
+ }
207
215
  }
208
216
  &.select2-container--open .select2-selection--single .select2-selection__arrow b {
209
217
  border-color: transparent transparent #888 transparent;
@@ -236,6 +244,7 @@
236
244
  }
237
245
  .select2-selection__choice {
238
246
  margin-right: 5px;
247
+ margin-top: 5px;
239
248
  }
240
249
  .select2-selection__choice__remove {
241
250
  &:hover {}
@@ -260,8 +269,14 @@
260
269
  }
261
270
  &.select2-container--disabled {
262
271
  .select2-selection--multiple {
263
- background-color: #eee;
272
+ border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
264
273
  cursor: materialize;
274
+ .select2-selection__rendered {
275
+ color: rgba(0, 0, 0, 0.42);
276
+ }
277
+ .select2-selection__arrow {
278
+ display: none;
279
+ }
265
280
  }
266
281
  .select2-selection__choice__remove {
267
282
  display: none;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: materialize-select2-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.1.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Nicolas Roumeliotis
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2019-01-22 00:00:00.000000000 Z
11
+ date: 2019-01-23 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails