materialize-sass 1.0.0 → 1.0.0.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 +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: []
|