materialize-sass 1.0.0 → 1.0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitattributes +1 -0
- data/assets/javascripts/materialize/chips.js +1 -1
- data/assets/javascripts/materialize/pushpin.js +4 -1
- data/assets/javascripts/materialize/select.js +15 -4
- data/assets/stylesheets/materialize/components/_collapsible.scss +1 -1
- data/assets/stylesheets/materialize/components/_datepicker.scss +1 -1
- data/assets/stylesheets/materialize/components/_global.scss +2 -0
- data/assets/stylesheets/materialize/components/_sidenav.scss +8 -16
- data/assets/stylesheets/materialize/components/forms/_select.scss +13 -3
- data/lib/materialize-sass/engine.rb +4 -1
- data/lib/materialize-sass/version.rb +1 -1
- data/materialize-sass.gemspec +2 -2
- metadata +15 -15
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 399746b482a8e1e904d3bcb3b19687a53cfc6c733f53ea1b08a89654606e4418
|
4
|
+
data.tar.gz: a37994aac1585629354f79f2721dad29ef778582ec92554e326ea3f0c6c207d9
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 4bd6c2888e737a5efffa08a6fb1579c9c48366886c2bdda158a6c69f4a97e64938003711dd3a9b09b280d822d54caed541f6d3ad74d1b4e957987d930ec7388e
|
7
|
+
data.tar.gz: 16056cadcbcc50683ee48918cbddad10dad4e62f1da6e829d14c2a03edd98d50b8c7faa4c477514466f599cad3e6b86a1e6bfe95abdce7c3765206bc7bfeca4e
|
data/.gitattributes
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
assets/* linguist-vendored
|
@@ -325,7 +325,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
|
|
325
325
|
value: function _setupLabel() {
|
326
326
|
this.$label = this.$el.find('label');
|
327
327
|
if (this.$label.length) {
|
328
|
-
this.$label.setAttribute('for', this.$input.attr('id'));
|
328
|
+
this.$label[0].setAttribute('for', this.$input.attr('id'));
|
329
329
|
}
|
330
330
|
}
|
331
331
|
|
@@ -62,11 +62,14 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
|
|
62
62
|
value: function destroy() {
|
63
63
|
this.el.style.top = null;
|
64
64
|
this._removePinClasses();
|
65
|
-
this._removeEventHandlers();
|
66
65
|
|
67
66
|
// Remove pushpin Inst
|
68
67
|
var index = Pushpin._pushpins.indexOf(this);
|
69
68
|
Pushpin._pushpins.splice(index, 1);
|
69
|
+
if (Pushpin._pushpins.length === 0) {
|
70
|
+
this._removeEventHandlers();
|
71
|
+
}
|
72
|
+
this.el.M_Pushpin = undefined;
|
70
73
|
}
|
71
74
|
}, {
|
72
75
|
key: '_setupEventHandlers',
|
@@ -146,6 +146,8 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
|
|
146
146
|
} else {
|
147
147
|
$(this.dropdownOptions).find('li').removeClass('selected');
|
148
148
|
$(option).toggleClass('selected', selected);
|
149
|
+
this._keysSelected = {};
|
150
|
+
this._keysSelected[option.id] = true;
|
149
151
|
}
|
150
152
|
|
151
153
|
// Set selected on original select option
|
@@ -185,7 +187,10 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
|
|
185
187
|
this.wrapper = document.createElement('div');
|
186
188
|
$(this.wrapper).addClass('select-wrapper ' + this.options.classes);
|
187
189
|
this.$el.before($(this.wrapper));
|
188
|
-
|
190
|
+
// Move actual select element into overflow hidden wrapper
|
191
|
+
var $hideSelect = $('<div class="hide-select"></div>');
|
192
|
+
$(this.wrapper).append($hideSelect);
|
193
|
+
$hideSelect[0].appendChild(this.el);
|
189
194
|
|
190
195
|
if (this.el.disabled) {
|
191
196
|
this.wrapper.classList.add('disabled');
|
@@ -223,7 +228,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
|
|
223
228
|
});
|
224
229
|
}
|
225
230
|
|
226
|
-
this
|
231
|
+
$(this.wrapper).append(this.dropdownOptions);
|
227
232
|
|
228
233
|
// Add input dropdown
|
229
234
|
this.input = document.createElement('input');
|
@@ -235,16 +240,17 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
|
|
235
240
|
$(this.input).prop('disabled', 'true');
|
236
241
|
}
|
237
242
|
|
238
|
-
this
|
243
|
+
$(this.wrapper).prepend(this.input);
|
239
244
|
this._setValueToInput();
|
240
245
|
|
241
246
|
// Add caret
|
242
247
|
var dropdownIcon = $('<svg class="caret" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
|
243
|
-
this
|
248
|
+
$(this.wrapper).prepend(dropdownIcon[0]);
|
244
249
|
|
245
250
|
// Initialize dropdown
|
246
251
|
if (!this.el.disabled) {
|
247
252
|
var dropdownOptions = $.extend({}, this.options.dropdownOptions);
|
253
|
+
var userOnOpenEnd = dropdownOptions.onOpenEnd;
|
248
254
|
|
249
255
|
// Add callback for centering selected option when dropdown content is scrollable
|
250
256
|
dropdownOptions.onOpenEnd = function (el) {
|
@@ -264,6 +270,11 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
|
|
264
270
|
_this4.dropdownOptions.scrollTop = scrollOffset;
|
265
271
|
}
|
266
272
|
}
|
273
|
+
|
274
|
+
// Handle user declared onOpenEnd if needed
|
275
|
+
if (userOnOpenEnd && typeof userOnOpenEnd === 'function') {
|
276
|
+
userOnOpenEnd.call(_this4.dropdown, _this4.el);
|
277
|
+
}
|
267
278
|
};
|
268
279
|
|
269
280
|
if (this.isMultiple) {
|
@@ -219,6 +219,7 @@ video.responsive-video {
|
|
219
219
|
|
220
220
|
// Breadcrumbs
|
221
221
|
.breadcrumb {
|
222
|
+
display: inline-block;
|
222
223
|
font-size: 18px;
|
223
224
|
color: rgba(255,255,255, .7);
|
224
225
|
|
@@ -241,6 +242,7 @@ video.responsive-video {
|
|
241
242
|
font-size: 25px;
|
242
243
|
margin: 0 10px 0 8px;
|
243
244
|
-webkit-font-smoothing: antialiased;
|
245
|
+
float: left;
|
244
246
|
}
|
245
247
|
|
246
248
|
&:first-child:before {
|
@@ -38,7 +38,10 @@
|
|
38
38
|
&.active { background-color: rgba(0,0,0,.05); }
|
39
39
|
}
|
40
40
|
|
41
|
-
|
41
|
+
// Style non btn anchors
|
42
|
+
li > a:not(.btn):not(.btn-large):not(.btn-flat):not(.btn-floating) {
|
43
|
+
&:hover { background-color: rgba(0,0,0,.05);}
|
44
|
+
|
42
45
|
color: $sidenav-font-color;
|
43
46
|
display: block;
|
44
47
|
font-size: $sidenav-font-size;
|
@@ -47,21 +50,6 @@
|
|
47
50
|
line-height: $sidenav-line-height;
|
48
51
|
padding: 0 ($sidenav-padding * 2);
|
49
52
|
|
50
|
-
&:hover { background-color: rgba(0,0,0,.05);}
|
51
|
-
|
52
|
-
&.btn, &.btn-large, &.btn-flat, &.btn-floating {
|
53
|
-
margin: 10px 15px;
|
54
|
-
}
|
55
|
-
|
56
|
-
&.btn,
|
57
|
-
&.btn-large,
|
58
|
-
&.btn-floating { color: $button-raised-color; }
|
59
|
-
&.btn-flat { color: $button-flat-color; }
|
60
|
-
|
61
|
-
&.btn:hover,
|
62
|
-
&.btn-large:hover { background-color: lighten($button-raised-background, 5%); }
|
63
|
-
&.btn-floating:hover { background-color: $button-raised-background; }
|
64
|
-
|
65
53
|
& > i,
|
66
54
|
& > [class^="mdi-"], li > a > [class*="mdi-"],
|
67
55
|
& > i.material-icons {
|
@@ -74,6 +62,10 @@
|
|
74
62
|
}
|
75
63
|
}
|
76
64
|
|
65
|
+
// Stlye btn anchors
|
66
|
+
li > .btn, li > .btn-large, li > .btn-flat, li > .btn-floating {
|
67
|
+
margin: 10px ($sidenav-padding * 2);
|
68
|
+
}
|
77
69
|
|
78
70
|
.divider {
|
79
71
|
margin: ($sidenav-padding / 2) 0 0 0;
|
@@ -1,10 +1,9 @@
|
|
1
1
|
/* Select Field
|
2
2
|
========================================================================== */
|
3
3
|
|
4
|
-
select {
|
5
|
-
select.browser-default { display: block; }
|
6
|
-
|
4
|
+
select.browser-default { opacity: 1; }
|
7
5
|
select {
|
6
|
+
opacity: 0;
|
8
7
|
background-color: $select-background;
|
9
8
|
width: 100%;
|
10
9
|
padding: $select-padding;
|
@@ -92,6 +91,17 @@ select {
|
|
92
91
|
top: -26px;
|
93
92
|
font-size: $label-font-size;
|
94
93
|
}
|
94
|
+
|
95
|
+
// Hide select with overflow hidden instead of using display none
|
96
|
+
// (this prevents form validation errors with hidden form elements)
|
97
|
+
.hide-select {
|
98
|
+
width: 0;
|
99
|
+
height: 0;
|
100
|
+
overflow: hidden;
|
101
|
+
position: absolute;
|
102
|
+
top: 0;
|
103
|
+
z-index: -1;
|
104
|
+
}
|
95
105
|
}
|
96
106
|
|
97
107
|
// Disabled styles
|
@@ -8,7 +8,10 @@ module Materialize
|
|
8
8
|
%w(stylesheets javascripts).each do |sub|
|
9
9
|
app.config.assets.paths << root.join('assets', sub).to_s
|
10
10
|
end
|
11
|
-
|
11
|
+
|
12
|
+
ActiveSupport.on_load(:action_controller_base) do
|
13
|
+
ActionController::Base.send(:helper, Materialize::Helpers)
|
14
|
+
end
|
12
15
|
end
|
13
16
|
end
|
14
17
|
end
|
data/materialize-sass.gemspec
CHANGED
@@ -19,8 +19,8 @@ Gem::Specification.new do |spec|
|
|
19
19
|
spec.require_paths = ["lib"]
|
20
20
|
|
21
21
|
# development dependencies
|
22
|
-
spec.add_development_dependency "bundler", "
|
23
|
-
spec.add_development_dependency "rake", "
|
22
|
+
spec.add_development_dependency "bundler", ">= 2.2.10"
|
23
|
+
spec.add_development_dependency "rake", ">= 12.3.3"
|
24
24
|
|
25
25
|
#runtime dependencies
|
26
26
|
spec.add_runtime_dependency 'autoprefixer-rails', '>= 6.0.3'
|
metadata
CHANGED
@@ -1,43 +1,43 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: materialize-sass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.0
|
4
|
+
version: 1.0.0.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- mkhairi
|
8
|
-
autorequire:
|
8
|
+
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2021-09-10 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
16
16
|
requirements:
|
17
|
-
- - "
|
17
|
+
- - ">="
|
18
18
|
- !ruby/object:Gem::Version
|
19
|
-
version:
|
19
|
+
version: 2.2.10
|
20
20
|
type: :development
|
21
21
|
prerelease: false
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
23
23
|
requirements:
|
24
|
-
- - "
|
24
|
+
- - ">="
|
25
25
|
- !ruby/object:Gem::Version
|
26
|
-
version:
|
26
|
+
version: 2.2.10
|
27
27
|
- !ruby/object:Gem::Dependency
|
28
28
|
name: rake
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
30
30
|
requirements:
|
31
|
-
- - "
|
31
|
+
- - ">="
|
32
32
|
- !ruby/object:Gem::Version
|
33
|
-
version:
|
33
|
+
version: 12.3.3
|
34
34
|
type: :development
|
35
35
|
prerelease: false
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
37
37
|
requirements:
|
38
|
-
- - "
|
38
|
+
- - ">="
|
39
39
|
- !ruby/object:Gem::Version
|
40
|
-
version:
|
40
|
+
version: 12.3.3
|
41
41
|
- !ruby/object:Gem::Dependency
|
42
42
|
name: autoprefixer-rails
|
43
43
|
requirement: !ruby/object:Gem::Requirement
|
@@ -59,6 +59,7 @@ executables: []
|
|
59
59
|
extensions: []
|
60
60
|
extra_rdoc_files: []
|
61
61
|
files:
|
62
|
+
- ".gitattributes"
|
62
63
|
- ".gitignore"
|
63
64
|
- Gemfile
|
64
65
|
- LICENSE.txt
|
@@ -147,7 +148,7 @@ homepage: https://github.com/mkhairi/materialize-sass
|
|
147
148
|
licenses:
|
148
149
|
- MIT
|
149
150
|
metadata: {}
|
150
|
-
post_install_message:
|
151
|
+
post_install_message:
|
151
152
|
rdoc_options: []
|
152
153
|
require_paths:
|
153
154
|
- lib
|
@@ -162,9 +163,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
162
163
|
- !ruby/object:Gem::Version
|
163
164
|
version: '0'
|
164
165
|
requirements: []
|
165
|
-
|
166
|
-
|
167
|
-
signing_key:
|
166
|
+
rubygems_version: 3.2.15
|
167
|
+
signing_key:
|
168
168
|
specification_version: 4
|
169
169
|
summary: Materializecss rubygem for rails/sprockets base
|
170
170
|
test_files: []
|