dlegr250_material_design 0.4.83 → 0.4.85
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:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: a91ecb29fa918176838957242ca43f9ab41139cd
|
|
4
|
+
data.tar.gz: edf60fa857f40c31345bc520a166ca827b057334
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c88bbc45746b05e048f96b65b8160f992e6dab997c91b40c3d8c6c2a2bb4141ce6dbecf2b0a2b404462622ce3269e0d3a31263915b91ef105c21cd5ee7307e72
|
|
7
|
+
data.tar.gz: 684af623a5a5e5000ab93ee87bb8a9d4cdb317da4601c6b3468aa6dce04374adb21f64119f478a3bb4d5b3a4c46ce2a203bafb69ab619db00988aefed53c0744
|
|
@@ -19,10 +19,32 @@
|
|
|
19
19
|
@include rounded-corners(50%);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
+
// .badge-small {
|
|
23
|
+
// font-size: $font-size-small;
|
|
24
|
+
// min-width: 14px;
|
|
25
|
+
// padding: $spacing-xsmall;
|
|
26
|
+
// }
|
|
27
|
+
//
|
|
28
|
+
// .button-xsmall {
|
|
29
|
+
// font-size: $font-size-small;
|
|
30
|
+
// height: 28px;
|
|
31
|
+
// line-height: 28px;
|
|
32
|
+
// min-width: $button-height * 0.6;
|
|
33
|
+
// padding: 0 $spacing-xsmall;
|
|
34
|
+
// }
|
|
35
|
+
|
|
36
|
+
// Using dense name to be consistent with MD spec
|
|
22
37
|
.badge-small {
|
|
23
38
|
font-size: $font-size-small;
|
|
24
|
-
|
|
25
|
-
|
|
39
|
+
height: $button-height-dense !important;
|
|
40
|
+
line-height: $button-height-dense !important;
|
|
41
|
+
min-width: $button-height * 0.8;
|
|
42
|
+
padding: 0 $spacing-small;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.badge-large {
|
|
46
|
+
height: $button-height-large !important;
|
|
47
|
+
line-height: $button-height-large !important;
|
|
26
48
|
}
|
|
27
49
|
|
|
28
50
|
// Badges - colors
|
|
@@ -26,6 +26,17 @@
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
+
// Dialogs - shared
|
|
30
|
+
//----------------------------------------------------------------------
|
|
31
|
+
|
|
32
|
+
.dialog-header,
|
|
33
|
+
.dialog-header-primary,
|
|
34
|
+
.dialog-header-primary-subtext,
|
|
35
|
+
.dialog-content,
|
|
36
|
+
.dialog-actions {
|
|
37
|
+
box-sizing: border-box;
|
|
38
|
+
}
|
|
39
|
+
|
|
29
40
|
// Dialogs - base
|
|
30
41
|
//----------------------------------------------------------------------
|
|
31
42
|
|
|
@@ -33,6 +44,8 @@
|
|
|
33
44
|
background: color("white");
|
|
34
45
|
cursor: default;
|
|
35
46
|
max-width: 90%;
|
|
47
|
+
// overflow-y: scroll; // For tall dialogs that go off-screen
|
|
48
|
+
overflow: hidden;
|
|
36
49
|
z-index: $dialog-depth;
|
|
37
50
|
@include rounded-corners;
|
|
38
51
|
}
|
|
@@ -63,19 +76,20 @@
|
|
|
63
76
|
//----------------------------------------------------------------------
|
|
64
77
|
|
|
65
78
|
.dialog-header {
|
|
66
|
-
@include
|
|
67
|
-
|
|
68
|
-
|
|
79
|
+
@include flex-parent-row();
|
|
80
|
+
height: $appbar-height;
|
|
81
|
+
padding: 0 $spacing-small;
|
|
69
82
|
}
|
|
70
83
|
|
|
71
84
|
.dialog-header-bordered {
|
|
72
85
|
border-bottom: 1px solid color("divider");
|
|
73
|
-
margin-bottom: $spacing-normal;
|
|
74
86
|
}
|
|
75
87
|
|
|
76
88
|
.dialog-header-icon {
|
|
77
|
-
|
|
78
|
-
margin-right: $spacing-
|
|
89
|
+
width: $appbar-button-height;
|
|
90
|
+
margin-right: $spacing-small;
|
|
91
|
+
// @include list-item-icon();
|
|
92
|
+
// margin-right: $spacing-normal;
|
|
79
93
|
|
|
80
94
|
// To match up with .appbar-button
|
|
81
95
|
.button-icon {
|
|
@@ -86,13 +100,9 @@
|
|
|
86
100
|
}
|
|
87
101
|
}
|
|
88
102
|
|
|
89
|
-
.dialog-header-primary,
|
|
90
|
-
.dialog-header-secondary {
|
|
91
|
-
box-sizing: border-box;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
103
|
.dialog-header-primary {
|
|
95
104
|
@include list-item-primary();
|
|
105
|
+
flex: 1;
|
|
96
106
|
font-size: $font-size-normal + 2px;
|
|
97
107
|
font-weight: bold;
|
|
98
108
|
padding-left: $spacing-normal;
|
|
@@ -121,22 +131,32 @@
|
|
|
121
131
|
//----------------------------------------------------------------------
|
|
122
132
|
|
|
123
133
|
.dialog-content {
|
|
134
|
+
max-height: calc(100vh - $appbar-height); // For dialog-header
|
|
135
|
+
overflow: auto;
|
|
124
136
|
padding: $spacing-normal;
|
|
125
|
-
padding-top: 0;
|
|
126
137
|
@include force-text-wrap()
|
|
127
138
|
}
|
|
128
139
|
|
|
140
|
+
@media (min-width: $small-width) {
|
|
141
|
+
.dialog-content {
|
|
142
|
+
max-height: calc(90vh - $appbar-height * 2); // For dialog-header and dialog-actions
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
|
|
129
146
|
// Dialogs - actions
|
|
130
147
|
//----------------------------------------------------------------------
|
|
131
148
|
|
|
132
149
|
.dialog-actions {
|
|
133
|
-
|
|
134
|
-
padding
|
|
150
|
+
height: $appbar-height;
|
|
151
|
+
padding: 0 $spacing-normal;
|
|
152
|
+
@include flex-parent-row();
|
|
153
|
+
// padding: $spacing-normal;
|
|
154
|
+
// padding-top: 0;
|
|
135
155
|
}
|
|
136
156
|
|
|
137
157
|
.dialog-actions-bordered {
|
|
138
158
|
border-top: 1px solid color("divider");
|
|
139
|
-
padding-top: $spacing-normal;
|
|
159
|
+
// padding-top: $spacing-normal;
|
|
140
160
|
}
|
|
141
161
|
|
|
142
162
|
|
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.4.
|
|
4
|
+
version: 0.4.85
|
|
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-01-
|
|
11
|
+
date: 2017-01-30 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
|