material_design_lite-rails 1.1.0 → 1.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
  SHA1:
3
- metadata.gz: 42187789a96342b466a9a7fd07f3a14bdd98b438
4
- data.tar.gz: 38e32557bf16437a6c615b79e1fdf71cbf58a873
3
+ metadata.gz: 8ff0ee739c31fc7c0d1a327ce34578290585f339
4
+ data.tar.gz: 19589d1dc787e002f9d0a18036e56607f7fc36c8
5
5
  SHA512:
6
- metadata.gz: ea222e995c019f868218cf9b2549a4c3e46d72497a69adca3ff7ef4730e959faa920b721f7c2ca7d059d626ce761c8dc2dd1050ca3f9a67dd7e04ad51aff5cb3
7
- data.tar.gz: c76f3b0e97f81845ae95a000759f62a6afdd8a28f198f6d480ef0d579e84e647e4a98884ad5152fcdedcd04eb743a4ad55ce9fc9eccefcff604b3c14e67d7279
6
+ metadata.gz: 0af31818124cb87af60674a1af9e033a55d14dedc24f80e63f978d82f87e6748263390cfe5bc685731b4e268c56e8803dec542ac094f9921c7661e19c18b49e1
7
+ data.tar.gz: ed975c8e32b32e742deaaea7f6a3ba2d81e8721d7c514d248b0293f03126b5913ec1264f84c0833b72815128d8976fb00453f7a11fbe7aae571698cffc13d0ae
@@ -1,5 +1,5 @@
1
1
  module MaterialDesignLite
2
2
  module Rails
3
- VERSION = "1.1.0"
3
+ VERSION = "1.1.1"
4
4
  end
5
5
  end
@@ -227,7 +227,7 @@ componentHandler = (function() {
227
227
  }
228
228
  } else {
229
229
  throw new Error(
230
- 'Unable to find a registered component for the given class.');
230
+ 'Unable to find a registered component for the given class.');
231
231
  }
232
232
 
233
233
  var ev = document.createEvent('Events');
@@ -3213,14 +3213,19 @@ MaterialLayout.prototype.contentScrollHandler_ = function () {
3213
3213
  if (this.header_.classList.contains(this.CssClasses_.IS_ANIMATING)) {
3214
3214
  return;
3215
3215
  }
3216
+ var headerVisible = !this.element_.classList.contains(this.CssClasses_.IS_SMALL_SCREEN) || this.element_.classList.contains(this.CssClasses_.FIXED_HEADER);
3216
3217
  if (this.content_.scrollTop > 0 && !this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) {
3217
3218
  this.header_.classList.add(this.CssClasses_.CASTING_SHADOW);
3218
3219
  this.header_.classList.add(this.CssClasses_.IS_COMPACT);
3219
- this.header_.classList.add(this.CssClasses_.IS_ANIMATING);
3220
+ if (headerVisible) {
3221
+ this.header_.classList.add(this.CssClasses_.IS_ANIMATING);
3222
+ }
3220
3223
  } else if (this.content_.scrollTop <= 0 && this.header_.classList.contains(this.CssClasses_.IS_COMPACT)) {
3221
3224
  this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW);
3222
3225
  this.header_.classList.remove(this.CssClasses_.IS_COMPACT);
3223
- this.header_.classList.add(this.CssClasses_.IS_ANIMATING);
3226
+ if (headerVisible) {
3227
+ this.header_.classList.add(this.CssClasses_.IS_ANIMATING);
3228
+ }
3224
3229
  }
3225
3230
  };
3226
3231
  /**
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * material-design-lite - Material Design Components in CSS, JS and HTML
3
- * @version v1.1.0
3
+ * @version v1.1.1
4
4
  * @license Apache-2.0
5
5
  * @copyright 2015 Google, Inc.
6
6
  * @link https://github.com/google/material-design-lite
@@ -6122,15 +6122,17 @@ input.mdl-button[type="submit"] {
6122
6122
  list-style: none; }
6123
6123
 
6124
6124
  .mdl-list__item {
6125
- font-size: 14px;
6125
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
6126
+ font-size: 16px;
6126
6127
  font-weight: 400;
6127
6128
  line-height: 24px;
6128
- letter-spacing: 0;
6129
+ letter-spacing: 0.04em;
6130
+ line-height: 1;
6129
6131
  display: -webkit-flex;
6130
6132
  display: -ms-flexbox;
6131
6133
  display: flex;
6134
+ min-height: 48px;
6132
6135
  box-sizing: border-box;
6133
- height: 48px;
6134
6136
  -webkit-flex-direction: row;
6135
6137
  -ms-flex-direction: row;
6136
6138
  flex-direction: row;
@@ -6140,8 +6142,10 @@ input.mdl-button[type="submit"] {
6140
6142
  -webkit-align-items: center;
6141
6143
  -ms-flex-align: center;
6142
6144
  align-items: center;
6143
- padding: 16px 16px 20px 16px;
6144
- cursor: default; }
6145
+ padding: 16px;
6146
+ cursor: default;
6147
+ color: rgba(0,0,0, 0.87);
6148
+ overflow: hidden; }
6145
6149
  .mdl-list__item .mdl-list__item-primary-content {
6146
6150
  -webkit-order: 0;
6147
6151
  -ms-flex-order: 0;
@@ -6149,12 +6153,18 @@ input.mdl-button[type="submit"] {
6149
6153
  -webkit-flex-grow: 2;
6150
6154
  -ms-flex-positive: 2;
6151
6155
  flex-grow: 2;
6152
- text-decoration: none; }
6153
- .mdl-list__item .mdl-list__item-primary-content .material-icons {
6154
- font-size: 40px;
6155
- line-height: 0;
6156
- vertical-align: middle;
6157
- padding: 0 12px 0 0; }
6156
+ text-decoration: none;
6157
+ box-sizing: border-box;
6158
+ display: -webkit-flex;
6159
+ display: -ms-flexbox;
6160
+ display: flex;
6161
+ -webkit-align-items: center;
6162
+ -ms-flex-align: center;
6163
+ align-items: center; }
6164
+ .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
6165
+ margin-right: 32px; }
6166
+ .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
6167
+ margin-right: 16px; }
6158
6168
  .mdl-list__item .mdl-list__item-secondary-content {
6159
6169
  display: -webkit-flex;
6160
6170
  display: -ms-flexbox;
@@ -6164,7 +6174,8 @@ input.mdl-button[type="submit"] {
6164
6174
  flex-flow: column;
6165
6175
  -webkit-align-items: flex-end;
6166
6176
  -ms-flex-align: end;
6167
- align-items: flex-end; }
6177
+ align-items: flex-end;
6178
+ margin-left: 16px; }
6168
6179
  .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
6169
6180
  display: inline; }
6170
6181
  .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
@@ -6172,40 +6183,72 @@ input.mdl-button[type="submit"] {
6172
6183
  font-weight: 400;
6173
6184
  line-height: 1;
6174
6185
  letter-spacing: 0;
6175
- margin-bottom: 10px;
6176
6186
  color: rgba(0,0,0, 0.54); }
6177
6187
  .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
6178
6188
  padding: 0 0 0 16px; }
6179
6189
 
6180
- .mdl-list__item-avatar {
6181
- height: 56px; }
6190
+ .mdl-list__item-icon,
6191
+ .mdl-list__item-icon.material-icons {
6192
+ height: 24px;
6193
+ width: 24px;
6194
+ font-size: 24px;
6195
+ box-sizing: border-box;
6196
+ color: rgb(117,117,117); }
6197
+
6198
+ .mdl-list__item-avatar,
6199
+ .mdl-list__item-avatar.material-icons {
6200
+ height: 40px;
6201
+ width: 40px;
6202
+ box-sizing: border-box;
6203
+ border-radius: 50%;
6204
+ background-color: rgb(117,117,117);
6205
+ font-size: 40px;
6206
+ color: white; }
6182
6207
 
6183
6208
  .mdl-list__item--two-line {
6184
6209
  height: 72px; }
6185
- .mdl-list__item--two-line .mdl-list__item-primary-content .material-icons {
6186
- vertical-align: text-bottom; }
6187
- .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
6188
- font-size: 12px;
6189
- font-weight: 400;
6190
- line-height: 1;
6191
- letter-spacing: 0;
6192
- display: block;
6193
- padding: 0 0 0 56px; }
6210
+ .mdl-list__item--two-line .mdl-list__item-primary-content {
6211
+ height: 36px;
6212
+ line-height: 20px;
6213
+ display: block; }
6214
+ .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
6215
+ float: left; }
6216
+ .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
6217
+ float: left;
6218
+ margin-top: 6px; }
6219
+ .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
6220
+ height: 36px; }
6221
+ .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
6222
+ font-size: 14px;
6223
+ font-weight: 400;
6224
+ line-height: 24px;
6225
+ letter-spacing: 0;
6226
+ line-height: 18px;
6227
+ color: rgba(0,0,0, 0.54);
6228
+ display: block;
6229
+ padding: 0; }
6194
6230
 
6195
6231
  .mdl-list__item--three-line {
6196
6232
  height: 88px; }
6197
- .mdl-list__item--three-line .mdl-list__item-primary-content .material-icons {
6198
- vertical-align: text-bottom; }
6233
+ .mdl-list__item--three-line .mdl-list__item-primary-content {
6234
+ height: 52px;
6235
+ line-height: 20px;
6236
+ display: block; }
6237
+ .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
6238
+ .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
6239
+ float: left; }
6240
+ .mdl-list__item--three-line .mdl-list__item-secondary-content {
6241
+ height: 52px; }
6199
6242
  .mdl-list__item--three-line .mdl-list__item-text-body {
6200
- font-size: 12px;
6243
+ font-size: 14px;
6201
6244
  font-weight: 400;
6202
- line-height: 1;
6245
+ line-height: 24px;
6203
6246
  letter-spacing: 0;
6247
+ line-height: 18px;
6248
+ height: 52px;
6204
6249
  color: rgba(0,0,0, 0.54);
6205
6250
  display: block;
6206
- height: 24px;
6207
- padding: 0 0 0 56px;
6208
- overflow: hidden; }
6251
+ padding: 0; }
6209
6252
 
6210
6253
  /**
6211
6254
  * Copyright 2015 Google Inc. All Rights Reserved.
@@ -9763,7 +9806,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
9763
9806
  .mdl-textfield.is-focused .mdl-textfield__input {
9764
9807
  outline: none; }
9765
9808
  .mdl-textfield.is-invalid .mdl-textfield__input {
9766
- border-color: rgb(222, 50, 38);
9809
+ border-color: rgb(213,0,0);
9767
9810
  box-shadow: none; }
9768
9811
  fieldset[disabled] .mdl-textfield .mdl-textfield__input,
9769
9812
  .mdl-textfield.is-disabled .mdl-textfield__input {
@@ -9806,7 +9849,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
9806
9849
  .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label {
9807
9850
  top: -16px; }
9808
9851
  .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
9809
- color: rgb(222, 50, 38);
9852
+ color: rgb(213,0,0);
9810
9853
  font-size: 12px; }
9811
9854
  .mdl-textfield__label:after {
9812
9855
  background-color: rgb(63,81,181);
@@ -9824,10 +9867,10 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
9824
9867
  visibility: visible;
9825
9868
  width: 100%; }
9826
9869
  .mdl-textfield.is-invalid .mdl-textfield__label:after {
9827
- background-color: rgb(222, 50, 38); }
9870
+ background-color: rgb(213,0,0); }
9828
9871
 
9829
9872
  .mdl-textfield__error {
9830
- color: rgb(222, 50, 38);
9873
+ color: rgb(213,0,0);
9831
9874
  position: absolute;
9832
9875
  font-size: 12px;
9833
9876
  margin-top: 3px;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: material_design_lite-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.1.0
4
+ version: 1.1.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Sean Collins
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-02-01 00:00:00.000000000 Z
11
+ date: 2016-02-06 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties