dlegr250_material_design 0.2.03 → 0.2.04
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/lib/dlegr250_material_design/version.rb +1 -1
- data/vendor/assets/javascripts/base/init.js.coffee +0 -1
- data/vendor/assets/javascripts/dlegr250_material_design.js +0 -2
- data/vendor/assets/stylesheets/components/snackbars.scss +44 -0
- data/vendor/assets/stylesheets/dlegr250_material_design.scss +1 -1
- metadata +2 -3
- data/vendor/assets/javascripts/components/snackbar_handler.coffee +0 -16
- data/vendor/assets/stylesheets/components/snackbarlight.scss +0 -116
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2116df54e9d43749c2b255377ef9da2fbf33ae66
|
|
4
|
+
data.tar.gz: 1f6f53698ae14afb2f239d08091770618974b845
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d3a9cbbe80d86ca945bb0a6066a83d80acf24fac38638f8f754a81cfa4466f027c166297779b07c99906963c770ccefc0d45b7db6fd935a5b3f41ee241e6592c
|
|
7
|
+
data.tar.gz: 6a2180708b293dd47d0885b88c915a4d674398ba8c86ab0c9bd5379be8c8a351f65463e6c1b0985582c01ae77fefd0dd268a490e3cac4b1f573d0da4a9da2523
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
//= require extensions/coffeescript
|
|
9
9
|
//= require base/init
|
|
10
10
|
//= require third_party/handlebars.latest
|
|
11
|
-
//= require third_party/snackbarlight
|
|
12
11
|
//= require third_party/jquery.inputmask.min.3.2.8-11
|
|
13
12
|
//= require third_party/jquery.autonumeric.1-9-44
|
|
14
13
|
//= require components/layout
|
|
@@ -18,6 +17,5 @@
|
|
|
18
17
|
//= require components/forms
|
|
19
18
|
//= require components/input_masks
|
|
20
19
|
//= require components/toggles
|
|
21
|
-
//= require components/snackbar_handler
|
|
22
20
|
//= require components/snackbar
|
|
23
21
|
//= require components/utility
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
//======================================================================
|
|
2
|
+
// Google Material Design Snackbar in-app notifications.
|
|
3
|
+
//======================================================================
|
|
4
|
+
|
|
5
|
+
// Snackbar - base
|
|
6
|
+
//----------------------------------------------------------------------
|
|
7
|
+
|
|
8
|
+
#snackbar {
|
|
9
|
+
background-color: #323232;
|
|
10
|
+
bottom: 0;
|
|
11
|
+
color: color("white");
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
left: 0;
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
padding: $spacing-normal;
|
|
16
|
+
position: absolute;
|
|
17
|
+
pointer-events: none;
|
|
18
|
+
right: 0;
|
|
19
|
+
will-change: transform;
|
|
20
|
+
z-index: $layout-depth + 1;
|
|
21
|
+
@include transform(translateY(200%));
|
|
22
|
+
@include transition(transform 0.15s cubic-bezier(0, 0, 0.3, 1));
|
|
23
|
+
|
|
24
|
+
&.visible {
|
|
25
|
+
pointer-events: auto;
|
|
26
|
+
@include transform(none);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@media (min-width: $medium-width) {
|
|
31
|
+
#snackbar {
|
|
32
|
+
left: 20px !important;
|
|
33
|
+
margin-bottom: 20px;
|
|
34
|
+
max-width: 568px;
|
|
35
|
+
min-width: 288px;
|
|
36
|
+
right: auto;
|
|
37
|
+
width: auto;
|
|
38
|
+
@include rounded-corners();
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.fab.with-snackbar {
|
|
43
|
+
@include transform(translateY(-48px));
|
|
44
|
+
}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
// Components
|
|
21
21
|
//----------------------------------------------------------------------
|
|
22
22
|
|
|
23
|
-
@import "components/
|
|
23
|
+
@import "components/snackbars";
|
|
24
24
|
@import "components/badges";
|
|
25
25
|
@import "components/tabs";
|
|
26
26
|
@import "components/blank_states";
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: dlegr250_material_design
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.2.
|
|
4
|
+
version: 0.2.04
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Daniel LeGrand
|
|
@@ -84,7 +84,6 @@ files:
|
|
|
84
84
|
- vendor/assets/javascripts/components/layout.coffee
|
|
85
85
|
- vendor/assets/javascripts/components/menus.coffee
|
|
86
86
|
- vendor/assets/javascripts/components/snackbar.coffee
|
|
87
|
-
- vendor/assets/javascripts/components/snackbar_handler.coffee
|
|
88
87
|
- vendor/assets/javascripts/components/tabs.coffee
|
|
89
88
|
- vendor/assets/javascripts/components/toggles.coffee
|
|
90
89
|
- vendor/assets/javascripts/components/utility.coffee
|
|
@@ -121,7 +120,7 @@ files:
|
|
|
121
120
|
- vendor/assets/stylesheets/components/menus.scss
|
|
122
121
|
- vendor/assets/stylesheets/components/overlay.scss
|
|
123
122
|
- vendor/assets/stylesheets/components/panels.scss
|
|
124
|
-
- vendor/assets/stylesheets/components/
|
|
123
|
+
- vendor/assets/stylesheets/components/snackbars.scss
|
|
125
124
|
- vendor/assets/stylesheets/components/spinners.scss
|
|
126
125
|
- vendor/assets/stylesheets/components/tables.scss
|
|
127
126
|
- vendor/assets/stylesheets/components/tabs.scss
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
# DEPRECATED 2016-06-21 / dan.legrand@gmail.com
|
|
2
|
-
# Using Snackbar class instead of this 3rd-party plugin.
|
|
3
|
-
|
|
4
|
-
#======================================================================
|
|
5
|
-
# Assumes BODY tag will have a data-snackbar="text..." attribute.
|
|
6
|
-
#======================================================================
|
|
7
|
-
# class App.MD.SnackbarHandler
|
|
8
|
-
# @init: () ->
|
|
9
|
-
# snackbarText = $("body").data("snackbar")
|
|
10
|
-
# if snackbarText && snackbarText.length > 0
|
|
11
|
-
# new Snackbar(snackbarText)
|
|
12
|
-
#
|
|
13
|
-
# snackbarErrorText = $("body").data("snackbar-error")
|
|
14
|
-
# if snackbarErrorText && snackbarErrorText.length > 0
|
|
15
|
-
# snackbarErrorText = "<span class='color-red'><i class='zmdi zmdi-alert-triangle zmdi-hc-fw'></i> #{snackbarErrorText}</span>"
|
|
16
|
-
# new Snackbar(snackbarErrorText)
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
//======================================================================
|
|
2
|
-
// See: https://github.com/joostLawerman/SnackbarLightjs
|
|
3
|
-
//======================================================================
|
|
4
|
-
|
|
5
|
-
// Snackbar - container
|
|
6
|
-
//----------------------------------------------------------------------
|
|
7
|
-
|
|
8
|
-
// #snackbar-container {
|
|
9
|
-
// bottom: 0;
|
|
10
|
-
// left: 0;
|
|
11
|
-
// position: fixed;
|
|
12
|
-
// right: 0;
|
|
13
|
-
// width: 100%;
|
|
14
|
-
// z-index: 99999;
|
|
15
|
-
// }
|
|
16
|
-
|
|
17
|
-
// Snackbar - base
|
|
18
|
-
//----------------------------------------------------------------------
|
|
19
|
-
|
|
20
|
-
#snackbar {
|
|
21
|
-
background-color: #323232;
|
|
22
|
-
bottom: 0;
|
|
23
|
-
color: color("white");
|
|
24
|
-
cursor: pointer;
|
|
25
|
-
left: 0;
|
|
26
|
-
overflow: hidden;
|
|
27
|
-
padding: $spacing-normal;
|
|
28
|
-
position: absolute;
|
|
29
|
-
pointer-events: none;
|
|
30
|
-
right: 0;
|
|
31
|
-
will-change: transform;
|
|
32
|
-
z-index: $layout-depth + 1;
|
|
33
|
-
@include transform(translateY(100%));
|
|
34
|
-
@include transition(transform 0.15s cubic-bezier(0, 0, 0.3, 1));
|
|
35
|
-
|
|
36
|
-
&.visible {
|
|
37
|
-
pointer-events: auto;
|
|
38
|
-
@include transform(none);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
@media (min-width: $medium-width) {
|
|
43
|
-
#snackbar {
|
|
44
|
-
left: 20px !important;
|
|
45
|
-
margin-bottom: 20px;
|
|
46
|
-
max-width: 568px;
|
|
47
|
-
min-width: 288px;
|
|
48
|
-
right: auto;
|
|
49
|
-
width: auto;
|
|
50
|
-
@include rounded-corners();
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.fab.with-snackbar {
|
|
55
|
-
@include transform(translateY(-48px));
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
// .snackbar {
|
|
60
|
-
// background-color: color("snackbar");
|
|
61
|
-
// box-sizing: border-box;
|
|
62
|
-
// clear: both;
|
|
63
|
-
// color: color("white");
|
|
64
|
-
// cursor: pointer;
|
|
65
|
-
// font-size: $font-size-normal;
|
|
66
|
-
// min-width: 100%;
|
|
67
|
-
// opacity: 0;
|
|
68
|
-
// overflow: hidden;
|
|
69
|
-
// @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));
|
|
70
|
-
// @include transform(translateY(200%));
|
|
71
|
-
// @include transition(transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s);
|
|
72
|
-
// @include rounded-corners(0);
|
|
73
|
-
//
|
|
74
|
-
// &.active {
|
|
75
|
-
// height: auto;
|
|
76
|
-
// margin-bottom: 0;
|
|
77
|
-
// padding: 18px 24px;
|
|
78
|
-
// @include transform(none);
|
|
79
|
-
// @include transition(transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s);
|
|
80
|
-
// @include transparency(1.0);
|
|
81
|
-
//
|
|
82
|
-
// a {
|
|
83
|
-
// color: color("green");
|
|
84
|
-
// font-weight: bold;
|
|
85
|
-
// line-height: 100%;
|
|
86
|
-
// margin-left: 24px;
|
|
87
|
-
// text-decoration: none;
|
|
88
|
-
// }
|
|
89
|
-
// }
|
|
90
|
-
// }
|
|
91
|
-
|
|
92
|
-
// Snackbar - media queries for medium and beyond
|
|
93
|
-
//----------------------------------------------------------------------
|
|
94
|
-
|
|
95
|
-
// @media (min-width: $medium-width) {
|
|
96
|
-
// #snackbar-container {
|
|
97
|
-
// left: 20px !important;
|
|
98
|
-
// right: auto;
|
|
99
|
-
// width: auto;
|
|
100
|
-
// }
|
|
101
|
-
//
|
|
102
|
-
// #snackbar-container .snackbar {
|
|
103
|
-
// max-width: 568px;
|
|
104
|
-
// min-width: 288px;
|
|
105
|
-
//
|
|
106
|
-
// &.active {
|
|
107
|
-
// margin-bottom: 20px;
|
|
108
|
-
// padding: 14px 24px;
|
|
109
|
-
// }
|
|
110
|
-
// }
|
|
111
|
-
//
|
|
112
|
-
// #snackbar-container [class="snackbar active"] {
|
|
113
|
-
// @include rounded-corners(2px);
|
|
114
|
-
// margin-bottom: 20px;
|
|
115
|
-
// }
|
|
116
|
-
// }
|