dlegr250_material_design 0.5.36 → 0.5.38
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/dlegr250_material_design/version.rb +1 -1
- data/vendor/assets/javascripts/components/expansion_panels.coffee +9 -4
- data/vendor/assets/stylesheets/components/dialogs.scss +7 -0
- data/vendor/assets/stylesheets/components/toggle_panels.scss +28 -0
- data/vendor/assets/stylesheets/dlegr250_material_design.scss +1 -1
- metadata +3 -3
- data/vendor/assets/stylesheets/components/expansion_panels.scss +0 -28
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 3253d56beb50e131ad0866084dd7b930b5964f3c
|
4
|
+
data.tar.gz: 73de1d0a5361da9bc41cc90fbce18d368a125184
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 493890d5ae52360e422aac72171343d4421c33b833a3fbb9887a799c87b1486f6d0c0be9a033f33f01b84f601ddcd30781be0decd5ec7836105376b17a983089
|
7
|
+
data.tar.gz: 8d4082d615fff6a4d50cffd5381cd533dfedd49b913e79742d2006fb947fa031a790386e7c71d4b2cfe1fdfe0d4606c9e38445a5d439eefb2ffc39d4c20ddeef
|
@@ -1,7 +1,7 @@
|
|
1
1
|
#======================================================================
|
2
|
-
# Add triggers to show/hide
|
2
|
+
# Add triggers to show/hide toggle panels.
|
3
3
|
#======================================================================
|
4
|
-
class App.MD.
|
4
|
+
class App.MD.TogglePanels
|
5
5
|
@init: () ->
|
6
6
|
@setVariables()
|
7
7
|
@setEvents()
|
@@ -9,5 +9,10 @@ class App.MD.ExpansionPanels
|
|
9
9
|
@setVariables: () ->
|
10
10
|
|
11
11
|
@setEvents: () ->
|
12
|
-
$("body").on "click", ".
|
13
|
-
$(event.target).closest(".
|
12
|
+
$("body").on "click", ".toggle-panel-summary", (event) =>
|
13
|
+
# $(event.target).closest(".toggle-panel").toggleClass("open")
|
14
|
+
$panel = $(event.target).closest(".toggle-panel")
|
15
|
+
if $panel.attr("data-expanded") == "true"
|
16
|
+
$panel.attr("data-expanded", "false")
|
17
|
+
else
|
18
|
+
$panel.attr("data-expanded", "true")
|
@@ -154,6 +154,13 @@
|
|
154
154
|
padding: 0 $spacing-normal;
|
155
155
|
}
|
156
156
|
|
157
|
+
// Dialog - full height
|
158
|
+
//----------------------------------------------------------------------
|
159
|
+
|
160
|
+
.dialog-full-height {
|
161
|
+
height: 100% !important;
|
162
|
+
}
|
163
|
+
|
157
164
|
// Dialogs - simple
|
158
165
|
//----------------------------------------------------------------------
|
159
166
|
|
@@ -0,0 +1,28 @@
|
|
1
|
+
//======================================================================
|
2
|
+
// EXAMPLE:
|
3
|
+
//======================================================================
|
4
|
+
.toggle-panel {
|
5
|
+
.toggle-panel-summary-more { display: block; }
|
6
|
+
.toggle-panel-summary-less { display: none; }
|
7
|
+
|
8
|
+
.toggle-panel-summary {
|
9
|
+
cursor: pointer;
|
10
|
+
}
|
11
|
+
|
12
|
+
.toggle-panel-details {
|
13
|
+
display: none;
|
14
|
+
}
|
15
|
+
}
|
16
|
+
|
17
|
+
.toggle-panel[data-expanded="true"] {
|
18
|
+
.toggle-panel-summary {
|
19
|
+
background-color: color("hover");
|
20
|
+
}
|
21
|
+
|
22
|
+
.toggle-panel-summary-more { display: none !important; }
|
23
|
+
.toggle-panel-summary-less { display: block !important; }
|
24
|
+
|
25
|
+
.toggle-panel-details {
|
26
|
+
display: block !important;
|
27
|
+
}
|
28
|
+
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: dlegr250_material_design
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.5.
|
4
|
+
version: 0.5.38
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Daniel LeGrand
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2017-02-
|
11
|
+
date: 2017-02-28 00:00:00.000000000 Z
|
12
12
|
dependencies: []
|
13
13
|
description: 'WARNING: ALPHA CODE, NOT PRODUCTION READY. ACTIVELY UNDER DEVELOPMENT
|
14
14
|
AS OF AUG 2016. Implement Google Material Design spec with modern browsers in mind
|
@@ -74,7 +74,6 @@ files:
|
|
74
74
|
- vendor/assets/stylesheets/components/dialogs.scss
|
75
75
|
- vendor/assets/stylesheets/components/dividers.scss
|
76
76
|
- vendor/assets/stylesheets/components/draggable.scss
|
77
|
-
- vendor/assets/stylesheets/components/expansion_panels.scss
|
78
77
|
- vendor/assets/stylesheets/components/forms/check_boxes.scss
|
79
78
|
- vendor/assets/stylesheets/components/forms/fields.scss
|
80
79
|
- vendor/assets/stylesheets/components/forms/helper_texts.scss
|
@@ -97,6 +96,7 @@ files:
|
|
97
96
|
- vendor/assets/stylesheets/components/subheaders.scss
|
98
97
|
- vendor/assets/stylesheets/components/tables.scss
|
99
98
|
- vendor/assets/stylesheets/components/tabs.scss
|
99
|
+
- vendor/assets/stylesheets/components/toggle_panels.scss
|
100
100
|
- vendor/assets/stylesheets/components/tooltips.scss
|
101
101
|
- vendor/assets/stylesheets/components/underlines.scss
|
102
102
|
- vendor/assets/stylesheets/dlegr250_material_design.scss
|
@@ -1,28 +0,0 @@
|
|
1
|
-
//======================================================================
|
2
|
-
// EXAMPLE:
|
3
|
-
//======================================================================
|
4
|
-
.expansion-panel {
|
5
|
-
.expansion-panel-summary-more { display: block; }
|
6
|
-
.expansion-panel-summary-less { display: none; }
|
7
|
-
|
8
|
-
.expansion-panel-summary {
|
9
|
-
cursor: pointer;
|
10
|
-
}
|
11
|
-
|
12
|
-
.expansion-panel-details {
|
13
|
-
display: none;
|
14
|
-
}
|
15
|
-
}
|
16
|
-
|
17
|
-
.expansion-panel.open {
|
18
|
-
.expansion-panel-summary {
|
19
|
-
background-color: color("hover");
|
20
|
-
}
|
21
|
-
|
22
|
-
.expansion-panel-summary-more { display: none !important; }
|
23
|
-
.expansion-panel-summary-less { display: block !important; }
|
24
|
-
|
25
|
-
.expansion-panel-details {
|
26
|
-
display: block !important;
|
27
|
-
}
|
28
|
-
}
|