active_frontend 12.3.0 → 12.4.0
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/active_frontend/version.rb +1 -1
- data/lib/generators/active_frontend/templates/install.scss +1 -0
- data/vendor/assets/javascripts/_chart.js +5 -5
- data/vendor/assets/stylesheets/_canvas.scss +37 -16
- data/vendor/assets/stylesheets/_color.scss +19 -5
- data/vendor/assets/stylesheets/_datepicker.scss +8 -7
- data/vendor/assets/stylesheets/_dropdown.scss +30 -15
- data/vendor/assets/stylesheets/_header.scss +89 -8
- data/vendor/assets/stylesheets/_icon.scss +35 -21
- data/vendor/assets/stylesheets/_popover.scss +16 -4
- data/vendor/assets/stylesheets/_sidebar.scss +10 -0
- data/vendor/assets/stylesheets/_subheader.scss +103 -0
- data/vendor/assets/stylesheets/_timepicker.scss +4 -0
- data/vendor/assets/stylesheets/active_frontend.scss +1 -0
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ad50b899b412ba2e5bc078ff4391f04064ba14d5
|
|
4
|
+
data.tar.gz: 97e72436ee05f54b3e71b1a4798fd141e1d52f03
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ad77bcb3a24eb509576c8e1b81494bb266931780c0aa4f2ef0ca6142fd66a99355befc5fc1b8a2f05415dbb9ae0a3e609627a094f5f7ce200da3f50befd8001e
|
|
7
|
+
data.tar.gz: 6b7938340aa04f6a95277e8df94f6eb763eab20b85acad448498a056871bd8e8e73b24525d07c8b3b7560f1e9cb24f6552e40601fe6043e2d5ab595d973a6500
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
scaleFontStyle: "bold",
|
|
92
92
|
|
|
93
93
|
// String - Scale label font colour
|
|
94
|
-
scaleFontColor: "rgba(
|
|
94
|
+
scaleFontColor: "rgba(27,30,34,1)",
|
|
95
95
|
|
|
96
96
|
// Boolean - whether or not the chart should be responsive and resize when the browser does.
|
|
97
97
|
responsive: true,
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
tooltipEvents: ["mousemove", "touchstart", "touchmove", "mouseout"],
|
|
110
110
|
|
|
111
111
|
// String - Tooltip background colour
|
|
112
|
-
tooltipFillColor: "rgba(
|
|
112
|
+
tooltipFillColor: "rgba(27,30,34,1)",
|
|
113
113
|
|
|
114
114
|
// String - Tooltip label font declaration for the scale label
|
|
115
115
|
tooltipFontFamily: "'Gotham Round', 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
|
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
"rgba(240,35,17,1)",
|
|
175
175
|
"rgba(255,102,0,1)",
|
|
176
176
|
"rgba(255,209,0,1)",
|
|
177
|
-
"rgba(
|
|
177
|
+
"rgba(50,56,64,1)",
|
|
178
178
|
"rgba(106,122,138,1)"
|
|
179
179
|
],
|
|
180
180
|
|
|
@@ -190,7 +190,7 @@
|
|
|
190
190
|
"rgba(240,35,17,0.1)",
|
|
191
191
|
"rgba(255,102,0,0.1)",
|
|
192
192
|
"rgba(255,209,0,0.1)",
|
|
193
|
-
"rgba(
|
|
193
|
+
"rgba(50,56,64,0.1)",
|
|
194
194
|
"rgba(106,122,138,0.1)"
|
|
195
195
|
],
|
|
196
196
|
|
|
@@ -3438,7 +3438,7 @@
|
|
|
3438
3438
|
pointLabelFontSize : 11,
|
|
3439
3439
|
|
|
3440
3440
|
//String - Point label font colour
|
|
3441
|
-
pointLabelFontColor : "rgba(
|
|
3441
|
+
pointLabelFontColor : "rgba(27,30,34,1)",
|
|
3442
3442
|
|
|
3443
3443
|
//Boolean - Whether to show a dot for each point
|
|
3444
3444
|
pointDot : true,
|
|
@@ -9,10 +9,11 @@
|
|
|
9
9
|
.canvas {
|
|
10
10
|
clear: both;
|
|
11
11
|
display: block;
|
|
12
|
-
|
|
12
|
+
min-height: 100%;
|
|
13
13
|
height: 100%;
|
|
14
14
|
max-width: 100%;
|
|
15
15
|
width: 100%;
|
|
16
|
+
z-index: 1030;
|
|
16
17
|
}
|
|
17
18
|
.canvas-content,
|
|
18
19
|
.canvas-sidebar,
|
|
@@ -20,9 +21,10 @@
|
|
|
20
21
|
box-sizing: border-box;
|
|
21
22
|
display: block;
|
|
22
23
|
float: left;
|
|
23
|
-
|
|
24
|
+
min-height: 100%;
|
|
24
25
|
height: 100%;
|
|
25
26
|
@include overflow-scrolling(touch);
|
|
27
|
+
z-index: 1030;
|
|
26
28
|
}
|
|
27
29
|
.canvas-content {
|
|
28
30
|
overflow-x: hidden;
|
|
@@ -53,17 +55,31 @@
|
|
|
53
55
|
}
|
|
54
56
|
.canvas-section-with-header,
|
|
55
57
|
.canvas-section-with-header-and-footer { margin-top: 60px; }
|
|
58
|
+
.canvas-section-with-header-and-subheader,
|
|
59
|
+
.canvas-section-with-header-and-subheader-and-footer { margin-top: 96px; }
|
|
56
60
|
.canvas-section-with-header {
|
|
57
|
-
|
|
58
|
-
height: calc(100% - 60px);
|
|
61
|
+
min-height: calc(100% - 60px) !important;
|
|
62
|
+
height: calc(100% - 60px) !important;
|
|
63
|
+
}
|
|
64
|
+
.canvas-section-with-header-and-subheader {
|
|
65
|
+
min-height: calc(100% - 96px) !important;
|
|
66
|
+
height: calc(100% - 96px) !important;
|
|
59
67
|
}
|
|
60
68
|
.canvas-section-with-header-and-footer {
|
|
61
|
-
|
|
62
|
-
height: calc(100% - 90px);
|
|
69
|
+
min-height: calc(100% - 90px) !important;
|
|
70
|
+
height: calc(100% - 90px) !important;
|
|
71
|
+
}
|
|
72
|
+
.canvas-section-with-header-and-subheader-and-footer {
|
|
73
|
+
min-height: calc(100% - 126px) !important;
|
|
74
|
+
height: calc(100% - 126px) !important;
|
|
63
75
|
}
|
|
64
76
|
.canvas-section-with-footer {
|
|
65
|
-
|
|
66
|
-
height: calc(100% - 30px);
|
|
77
|
+
min-height: calc(100% - 30px) !important;
|
|
78
|
+
height: calc(100% - 30px) !important;
|
|
79
|
+
}
|
|
80
|
+
.canvas-section-with-subheader-and-footer {
|
|
81
|
+
min-height: calc(100% - 66px) !important;
|
|
82
|
+
height: calc(100% - 66px) !important;
|
|
67
83
|
}
|
|
68
84
|
|
|
69
85
|
/* # Media Queries
|
|
@@ -120,22 +136,27 @@
|
|
|
120
136
|
width: 100%;
|
|
121
137
|
}
|
|
122
138
|
.canvas-section-with-header,
|
|
139
|
+
.canvas-section-with-header-and-subheader,
|
|
123
140
|
.canvas-section-with-header-and-footer,
|
|
141
|
+
.canvas-section-with-header-and-subheader-and-footer,
|
|
124
142
|
.canvas-section-with-header-and-navbar { margin-top: 50px; }
|
|
125
|
-
.canvas-section-with-header
|
|
126
|
-
|
|
143
|
+
.canvas-section-with-header,
|
|
144
|
+
.canvas-section-with-header-and-subheader {
|
|
145
|
+
background: red;
|
|
146
|
+
min-height: calc(100% - 50px);
|
|
127
147
|
height: calc(100% - 50px);
|
|
128
148
|
}
|
|
129
|
-
.canvas-section-with-header-and-footer
|
|
130
|
-
|
|
149
|
+
.canvas-section-with-header-and-footer,
|
|
150
|
+
.canvas-section-with-header-and-subheader-and-footer {
|
|
151
|
+
min-height: calc(100% - 80px);
|
|
131
152
|
height: calc(100% - 80px);
|
|
132
153
|
}
|
|
133
154
|
.canvas-section-with-header-and-navbar {
|
|
134
|
-
|
|
135
|
-
height: calc(100% - 99px);
|
|
155
|
+
min-height: calc(100% - 99px) !important;
|
|
156
|
+
height: calc(100% - 99px) !important;
|
|
136
157
|
}
|
|
137
158
|
.canvas-section-with-navbar {
|
|
138
|
-
|
|
139
|
-
height: calc(100% - 49px);
|
|
159
|
+
min-height: calc(100% - 49px) !important;
|
|
160
|
+
height: calc(100% - 49px) !important;
|
|
140
161
|
}
|
|
141
162
|
}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
/* Table of Contents
|
|
2
2
|
==================================================
|
|
3
3
|
# Grayscale Colors
|
|
4
|
-
# Base Colors
|
|
4
|
+
# Base Colors
|
|
5
|
+
# Alt Colors */
|
|
5
6
|
|
|
6
7
|
/* # Grayscale Colors
|
|
7
8
|
================================================== */
|
|
8
9
|
$color-transparent: rgba(0,0,0,0);
|
|
9
|
-
$color-dark-black: rgba(
|
|
10
|
-
$color-black: rgba(
|
|
11
|
-
$color-light-black: rgba(
|
|
10
|
+
$color-dark-black: rgba(27,30,34,1);
|
|
11
|
+
$color-black: rgba(50,56,64,1);
|
|
12
|
+
$color-light-black: rgba(64,72,82,1);
|
|
12
13
|
$color-dark-gray: rgba(71,82,93,1);
|
|
13
14
|
$color-gray: rgba(106,122,138,1);
|
|
14
15
|
$color-light-gray: rgba(151,163,175,1);
|
|
@@ -28,4 +29,17 @@ $color-purple: rgba(115,24,242,1);
|
|
|
28
29
|
$color-pink: rgba(255,0,102,1);
|
|
29
30
|
$color-red: rgba(240,35,17,1);
|
|
30
31
|
$color-orange: rgba(255,102,0,1);
|
|
31
|
-
$color-yellow: rgba(255,209,0,1);
|
|
32
|
+
$color-yellow: rgba(255,209,0,1);
|
|
33
|
+
|
|
34
|
+
/* # Alt Colors
|
|
35
|
+
==================================================
|
|
36
|
+
# Blue Tint
|
|
37
|
+
$color-dark-black: rgba(16,18,25,1) or #101219;
|
|
38
|
+
$color-black: rgba(35,40,55,1) or #232837;
|
|
39
|
+
$color-light-black: rgba(48,54,75,1) or #30364B;
|
|
40
|
+
|
|
41
|
+
# Purple Tint
|
|
42
|
+
$color-dark-black: rgba(24,19,32,1) or #181320;
|
|
43
|
+
$color-black: rgba(41,32,56,1) or #292038;
|
|
44
|
+
$color-light-black: rgba(59,48,77,1) or #3B304D;
|
|
45
|
+
*/
|
|
@@ -63,22 +63,23 @@
|
|
|
63
63
|
.datepicker table th,
|
|
64
64
|
.datepicker table td {
|
|
65
65
|
height: 20px;
|
|
66
|
+
line-height: 1 !important;
|
|
66
67
|
text-align: center;
|
|
67
68
|
width: 20px;
|
|
68
69
|
}
|
|
70
|
+
.datepicker table th { padding: 7px 0 !important; }
|
|
69
71
|
.datepicker table td {
|
|
70
|
-
font-
|
|
71
|
-
|
|
72
|
-
line-height: 1;
|
|
72
|
+
font-size: 12px !important;
|
|
73
|
+
font-weight: bold;
|
|
73
74
|
}
|
|
74
75
|
.datepicker table td.new,
|
|
75
|
-
.datepicker table td.old { color: $color-
|
|
76
|
+
.datepicker table td.old { color: $color-dark-haze; }
|
|
76
77
|
.datepicker table td > span {
|
|
77
78
|
border-radius: 2px;
|
|
78
79
|
display: block;
|
|
79
80
|
height: 30px;
|
|
80
81
|
float: left;
|
|
81
|
-
line-height:
|
|
82
|
+
line-height: 30px;
|
|
82
83
|
margin: 2px;
|
|
83
84
|
width: 51px;
|
|
84
85
|
}
|
|
@@ -103,13 +104,13 @@
|
|
|
103
104
|
.datepicker table > thead > tr:first-child > th { border-radius: 2px; }
|
|
104
105
|
.datepicker table > thead > tr:first-child > th:nth-child(2) { font-weight: bold; }
|
|
105
106
|
.datepicker table th.next,
|
|
106
|
-
.datepicker table th.prev { font-size:
|
|
107
|
+
.datepicker table th.prev { font-size: 20px !important; }
|
|
107
108
|
.datepicker table th.switch {
|
|
108
109
|
font-weight: bold;
|
|
109
110
|
width: 145px;
|
|
110
111
|
}
|
|
111
112
|
.datepicker table th.datepicker-switch { padding-bottom: 3px !important; }
|
|
112
|
-
.datepicker table td.day.disabled { color: $color-
|
|
113
|
+
.datepicker table td.day.disabled { color: $color-dark-haze; }
|
|
113
114
|
.datepicker table td.day.disabled:hover,
|
|
114
115
|
.datepicker table td.day.disabled.active,
|
|
115
116
|
.datepicker table td.day.disabled:active,
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
.dropdown-menu {
|
|
16
16
|
background: $color-white;
|
|
17
17
|
background-clip: padding-box;
|
|
18
|
-
border:
|
|
18
|
+
border: 1px solid;
|
|
19
19
|
border-color: $color-haze !important;
|
|
20
|
-
|
|
20
|
+
border-radius: 3px;
|
|
21
21
|
box-sizing: border-box;
|
|
22
22
|
color: $color-dark-black;
|
|
23
23
|
display: block;
|
|
@@ -59,7 +59,11 @@
|
|
|
59
59
|
margin: 5px 0 4px 0;
|
|
60
60
|
overflow: hidden;
|
|
61
61
|
}
|
|
62
|
+
.dropdown-menu > li { border-color: inherit;}
|
|
62
63
|
.dropdown-menu > li > a {
|
|
64
|
+
border-bottom: 1px solid;
|
|
65
|
+
border-top: 1px solid;
|
|
66
|
+
border-color: $color-transparent;
|
|
63
67
|
clear: both;
|
|
64
68
|
display: block;
|
|
65
69
|
padding: 8px 15px;
|
|
@@ -68,7 +72,11 @@
|
|
|
68
72
|
.dropdown-menu > li > a:hover,
|
|
69
73
|
.dropdown-menu > li > a:active,
|
|
70
74
|
.dropdown-menu > li > a.active,
|
|
71
|
-
.dropdown-menu > li > a:focus {
|
|
75
|
+
.dropdown-menu > li > a:focus {
|
|
76
|
+
background: $color-light-haze;
|
|
77
|
+
border-color: inherit;
|
|
78
|
+
color: $color-primary;
|
|
79
|
+
}
|
|
72
80
|
.dropdown-menu > li > a i:first-child {
|
|
73
81
|
display: inline-block;
|
|
74
82
|
min-width: 14px;
|
|
@@ -98,7 +106,7 @@
|
|
|
98
106
|
display: inline-block;
|
|
99
107
|
left: 9px;
|
|
100
108
|
position: absolute;
|
|
101
|
-
top: -
|
|
109
|
+
top: -7px;
|
|
102
110
|
}
|
|
103
111
|
.dropdown-menu.dropdown-caret:after {
|
|
104
112
|
border-bottom: 6px solid;
|
|
@@ -109,7 +117,7 @@
|
|
|
109
117
|
display: inline-block;
|
|
110
118
|
left: 10px;
|
|
111
119
|
position: absolute;
|
|
112
|
-
top: -
|
|
120
|
+
top: -6px;
|
|
113
121
|
}
|
|
114
122
|
.dropdown-menu.pull-right.dropdown-caret:before {
|
|
115
123
|
left: auto;
|
|
@@ -168,7 +176,7 @@
|
|
|
168
176
|
border-bottom: 0;
|
|
169
177
|
border-top: 7px solid;
|
|
170
178
|
border-top-color: inherit;
|
|
171
|
-
bottom: -
|
|
179
|
+
bottom: -7px;
|
|
172
180
|
left: 9px;
|
|
173
181
|
top: auto;
|
|
174
182
|
}
|
|
@@ -176,7 +184,7 @@
|
|
|
176
184
|
border-bottom: 0;
|
|
177
185
|
border-top: 6px solid;
|
|
178
186
|
border-top-color: inherit;
|
|
179
|
-
bottom: -
|
|
187
|
+
bottom: -6px;
|
|
180
188
|
left: 10px;
|
|
181
189
|
top: auto;
|
|
182
190
|
}
|
|
@@ -195,21 +203,28 @@
|
|
|
195
203
|
================================================== */
|
|
196
204
|
.dropdown-dark {
|
|
197
205
|
background: $color-black;
|
|
198
|
-
border-color: $color-
|
|
199
|
-
box-shadow: 0 0 3px $color-dark-black;
|
|
206
|
+
border-color: $color-dark-black !important;
|
|
200
207
|
color: $color-white;
|
|
201
208
|
}
|
|
202
209
|
.dropdown-light {
|
|
203
210
|
background: $color-light-haze;
|
|
204
211
|
border-color: $color-dark-haze !important;
|
|
205
212
|
}
|
|
206
|
-
.dropdown-dark > .title
|
|
213
|
+
.dropdown-dark > .title,
|
|
214
|
+
.dropdown-dark > li > a:hover,
|
|
215
|
+
.dropdown-dark > li > a:active,
|
|
216
|
+
.dropdown-dark > li > a.active,
|
|
217
|
+
.dropdown-dark > li > a:focus {
|
|
207
218
|
background: $color-light-black;
|
|
208
219
|
border-color: $color-dark-black;
|
|
209
220
|
}
|
|
210
221
|
.dropdown-dark > .divider { background: $color-dark-black; }
|
|
211
222
|
.dropdown-light > .title,
|
|
212
|
-
.dropdown-light > .divider
|
|
223
|
+
.dropdown-light > .divider,
|
|
224
|
+
.dropdown-light .dropdown-menu > li > a:hover,
|
|
225
|
+
.dropdown-light .dropdown-menu > li > a:active,
|
|
226
|
+
.dropdown-light .dropdown-menu > li > a.active,
|
|
227
|
+
.dropdown-light .dropdown-menu > li > a:focus { background: $color-haze; }
|
|
213
228
|
|
|
214
229
|
/* # Media Queries
|
|
215
230
|
================================================== */
|
|
@@ -220,8 +235,8 @@ only screen and ( -o-min-device-pixel-ratio: 2/1),
|
|
|
220
235
|
only screen and ( min-device-pixel-ratio: 2),
|
|
221
236
|
only screen and ( min-resolution: 192dpi),
|
|
222
237
|
only screen and ( min-resolution: 2dppx) {
|
|
223
|
-
.dropdown-menu
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
}
|
|
238
|
+
.dropdown-menu,
|
|
239
|
+
.dropdown-menu > .title,
|
|
240
|
+
.dropdown-menu > li > a { border-width: 0.5px; }
|
|
241
|
+
.dropdown-menu > .title { letter-spacing: 0.5px; }
|
|
227
242
|
}
|
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
.header-nav,
|
|
45
45
|
.header-nav-alt,
|
|
46
46
|
.header-toolchain {
|
|
47
|
+
border-color: $color-haze !important;
|
|
47
48
|
float: right;
|
|
48
49
|
list-style: none;
|
|
49
50
|
margin: 9px 0 0 0;
|
|
@@ -61,7 +62,7 @@
|
|
|
61
62
|
.header-nav > li,
|
|
62
63
|
.header-nav-alt > li,
|
|
63
64
|
.header-toolchain > li {
|
|
64
|
-
border-color:
|
|
65
|
+
border-color: inherit !important;
|
|
65
66
|
float: left;
|
|
66
67
|
line-height: 1;
|
|
67
68
|
}
|
|
@@ -77,6 +78,16 @@
|
|
|
77
78
|
box-sizing: border-box;
|
|
78
79
|
float: left;
|
|
79
80
|
}
|
|
81
|
+
.header-btn-group > li.divider {
|
|
82
|
+
border-right: 1px solid;
|
|
83
|
+
border-color: inherit !important;
|
|
84
|
+
margin: 0 !important;
|
|
85
|
+
}
|
|
86
|
+
.header-btn-group > li.divider:first-child {
|
|
87
|
+
border-left: 1px solid;
|
|
88
|
+
border-color: inherit !important;
|
|
89
|
+
margin-left: 20px !important;
|
|
90
|
+
}
|
|
80
91
|
.header-btn-group > li > a,
|
|
81
92
|
.header-nav > li.lined > a {
|
|
82
93
|
border-bottom: 4px solid $color-transparent;
|
|
@@ -85,11 +96,16 @@
|
|
|
85
96
|
.header-btn-group > li > a {
|
|
86
97
|
box-sizing: border-box;
|
|
87
98
|
display: block;
|
|
88
|
-
height:
|
|
99
|
+
height: 59px;
|
|
89
100
|
padding-top: 24px;
|
|
90
101
|
text-align: center;
|
|
91
102
|
vertical-align: middle;
|
|
92
103
|
}
|
|
104
|
+
.header-btn-group > li.divider > a {
|
|
105
|
+
width: 240px;
|
|
106
|
+
padding-left: 20px;
|
|
107
|
+
padding-right: 20px;
|
|
108
|
+
}
|
|
93
109
|
.header-nav > li.lined > a { padding-bottom: 20px; }
|
|
94
110
|
.header-btn-group > li > a:hover,
|
|
95
111
|
.header-btn-group > li > a:focus,
|
|
@@ -100,6 +116,9 @@
|
|
|
100
116
|
.header-nav > li.lined > a.active,
|
|
101
117
|
.header-nav > li.lined > a:active,
|
|
102
118
|
.header-nav > li.lined.active > a { border-color: $color-primary; }
|
|
119
|
+
.header-btn-group > li > a.subactive,
|
|
120
|
+
.header-nav > li.lined > a.subactive,
|
|
121
|
+
.header-nav > li.lined.subactive > a { border-color: inherit; }
|
|
103
122
|
.header-btn-group-label {
|
|
104
123
|
background: $color-primary;
|
|
105
124
|
border-radius: 2px;
|
|
@@ -114,6 +133,33 @@
|
|
|
114
133
|
text-align: center;
|
|
115
134
|
vertical-align: middle;
|
|
116
135
|
}
|
|
136
|
+
.header-btn-group > li.header-btn-group-nav {
|
|
137
|
+
border-right: 1px solid;
|
|
138
|
+
border-color: inherit;
|
|
139
|
+
font-size: 12px;
|
|
140
|
+
line-height: 21px;
|
|
141
|
+
margin: 0 !important;
|
|
142
|
+
}
|
|
143
|
+
.header-btn-group > li.header-btn-group-nav > a {
|
|
144
|
+
border-bottom: 1px solid;
|
|
145
|
+
border-color: inherit;
|
|
146
|
+
box-sizing: border-box;
|
|
147
|
+
display: block;
|
|
148
|
+
height: 20px !important;
|
|
149
|
+
margin: 0 !important;
|
|
150
|
+
padding: 0 !important;
|
|
151
|
+
text-align: center;
|
|
152
|
+
vertical-align: middle;
|
|
153
|
+
width: 20px;
|
|
154
|
+
}
|
|
155
|
+
.header-btn-group > li.header-btn-group-nav > a:last-child { border-bottom: 0;}
|
|
156
|
+
.header-btn-group > li.header-btn-group-nav > a:hover,
|
|
157
|
+
.header-btn-group > li.header-btn-group-nav > a:focus { background: $color-haze; }
|
|
158
|
+
.header-btn-group > li.header-btn-group-nav > a.active,
|
|
159
|
+
.header-btn-group > li.header-btn-group-nav > a:active {
|
|
160
|
+
background: $color-primary;
|
|
161
|
+
color: $color-white;
|
|
162
|
+
}
|
|
117
163
|
.header-toolchain > li { font-size: 26px; }
|
|
118
164
|
.header-btn-group > li,
|
|
119
165
|
.header-btn-group > li.btn-group,
|
|
@@ -232,24 +278,45 @@
|
|
|
232
278
|
top: 0;
|
|
233
279
|
min-width: inherit;
|
|
234
280
|
width: inherit;
|
|
235
|
-
z-index:
|
|
281
|
+
z-index: 1040;
|
|
236
282
|
}
|
|
283
|
+
.header-shadow { box-shadow: 0 1px 2px lighten($color-light-gray, 25%); }
|
|
284
|
+
.header-shadowless { box-shadow: 0; }
|
|
237
285
|
|
|
238
286
|
/* # Colors
|
|
239
287
|
================================================== */
|
|
240
|
-
.header-dark
|
|
288
|
+
.header-dark,
|
|
289
|
+
.header-dark .header-btn-group,
|
|
290
|
+
.header-dark .header-nav,
|
|
291
|
+
.header-dark .header-nav-alt,
|
|
292
|
+
.header-dark .header-toolchain {
|
|
241
293
|
background: $color-black;
|
|
242
|
-
border-color: $color-dark-black;
|
|
294
|
+
border-color: $color-dark-black !important;
|
|
243
295
|
color: $color-white;
|
|
244
296
|
}
|
|
245
|
-
.header-
|
|
297
|
+
.header-dark .header-btn-group > li.header-btn-group-nav > a:hover,
|
|
298
|
+
.header-dark .header-btn-group > li.header-btn-group-nav > a:focus { background: $color-light-black; }
|
|
299
|
+
.header-dark.header-shadow { box-shadow: 0 1px 2px $color-dark-black; }
|
|
300
|
+
.header-invisible,
|
|
301
|
+
.header-invisible .header-btn-group,
|
|
302
|
+
.header-invisible .header-nav,
|
|
303
|
+
.header-invisible .header-nav-alt,
|
|
304
|
+
.header-invisible .header-toolchain {
|
|
246
305
|
background: $color-transparent;
|
|
247
306
|
border-color: $color-transparent;
|
|
248
307
|
}
|
|
249
|
-
.header-
|
|
308
|
+
.header-invisible.header-shadow { box-shadow: 0; }
|
|
309
|
+
.header-light,
|
|
310
|
+
.header-light .header-btn-group,
|
|
311
|
+
.header-light .header-nav,
|
|
312
|
+
.header-light .header-nav-alt,
|
|
313
|
+
.header-light .header-toolchain {
|
|
250
314
|
background: $color-light-haze;
|
|
251
315
|
border-color: $color-dark-haze;
|
|
252
316
|
}
|
|
317
|
+
.header-light .header-btn-group > li.header-btn-group-nav > a:hover,
|
|
318
|
+
.header-light .header-btn-group > li.header-btn-group-nav > a:focus { background: $color-dark-haze; }
|
|
319
|
+
.header-light.header-shadow { box-shadow: 0 1px 2px lighten($color-light-gray, 15%); }
|
|
253
320
|
|
|
254
321
|
/* # Stripes
|
|
255
322
|
================================================== */
|
|
@@ -290,6 +357,15 @@
|
|
|
290
357
|
|
|
291
358
|
/* # Media Queries
|
|
292
359
|
================================================== */
|
|
360
|
+
@media only screen and (max-width: 1365px) {
|
|
361
|
+
.header-btn-group > li.divider > a { width: 200px; }
|
|
362
|
+
}
|
|
363
|
+
@media only screen and (max-width: 1199px) {
|
|
364
|
+
.header-btn-group > li.divider > a { width: 160px; }
|
|
365
|
+
}
|
|
366
|
+
@media only screen and (max-width: 959px) {
|
|
367
|
+
.header-btn-group > li.divider > a { width: 120px; }
|
|
368
|
+
}
|
|
293
369
|
@media only screen and (max-width: 767px) {
|
|
294
370
|
.header {
|
|
295
371
|
height: 50px;
|
|
@@ -307,11 +383,16 @@ only screen and ( -o-min-device-pixel-ratio: 2/1),
|
|
|
307
383
|
only screen and ( min-device-pixel-ratio: 2),
|
|
308
384
|
only screen and ( min-resolution: 192dpi),
|
|
309
385
|
only screen and ( min-resolution: 2dppx) {
|
|
310
|
-
.header
|
|
386
|
+
.header,
|
|
387
|
+
.header-btn-group > li.divider,
|
|
388
|
+
.header-btn-group > li.divider:first-child,
|
|
389
|
+
.header-btn-group > li.header-btn-group-nav,
|
|
390
|
+
.header-btn-group > li.header-btn-group-nav > a { border-width: 0.5px; }
|
|
311
391
|
.header-btn-group > li,
|
|
312
392
|
.header-nav > li,
|
|
313
393
|
.header-nav-alt > li {
|
|
314
394
|
font-weight: 500;
|
|
315
395
|
letter-spacing: 0.5px;
|
|
316
396
|
}
|
|
397
|
+
.header-btn-group > li > a { height: 59.5px; }
|
|
317
398
|
}
|
|
@@ -1,8 +1,23 @@
|
|
|
1
1
|
/* Table of Contents
|
|
2
2
|
==================================================
|
|
3
|
-
#
|
|
3
|
+
# Keyframes
|
|
4
|
+
# Font-face
|
|
5
|
+
# Icon
|
|
6
|
+
# Animation
|
|
7
|
+
# Duration */
|
|
4
8
|
|
|
5
|
-
/* #
|
|
9
|
+
/* # Keyframes
|
|
10
|
+
================================================== */
|
|
11
|
+
@-webkit-keyframes icon-spin {
|
|
12
|
+
0% { @include transform(rotate(0)); }
|
|
13
|
+
100% { @include transform(rotate(359deg)); }
|
|
14
|
+
}
|
|
15
|
+
@keyframes icon-spin {
|
|
16
|
+
0% { @include transform(rotate(0)); }
|
|
17
|
+
100% { @include transform(rotate(359deg)); }
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/* # Font-face
|
|
6
21
|
================================================== */
|
|
7
22
|
@font-face {
|
|
8
23
|
font-family: "Ionicons";
|
|
@@ -14,8 +29,10 @@
|
|
|
14
29
|
url(font_path("ionicons/ionicons.woff?v=2.0.1")) format("woff"),
|
|
15
30
|
url(font_path("ionicons/ionicons.svg?v=2.0.1#Ionicons")) format("svg");
|
|
16
31
|
}
|
|
32
|
+
|
|
33
|
+
/* # Icon
|
|
34
|
+
================================================== */
|
|
17
35
|
.icon,
|
|
18
|
-
.iconicons,
|
|
19
36
|
.icon-alert:before,
|
|
20
37
|
.icon-alert-circled:before,
|
|
21
38
|
.icon-android-add:before,
|
|
@@ -764,23 +781,6 @@
|
|
|
764
781
|
text-transform: none;
|
|
765
782
|
text-rendering: auto;
|
|
766
783
|
}
|
|
767
|
-
.icon-spin,
|
|
768
|
-
.icon-loading-a,
|
|
769
|
-
.icon-loading-b,
|
|
770
|
-
.icon-loading-c,
|
|
771
|
-
.icon-loading-d,
|
|
772
|
-
.icon-looping,
|
|
773
|
-
.icon-refreshing,
|
|
774
|
-
.icon-ios7-reloading { @include animation(spin 1s infinite linear); }
|
|
775
|
-
@-webkit-keyframes spin {
|
|
776
|
-
0% { @include transform(rotate(0)); }
|
|
777
|
-
100% { @include transform(rotate(359deg)); }
|
|
778
|
-
}
|
|
779
|
-
@keyframes spin {
|
|
780
|
-
0% { @include transform(rotate(0)); }
|
|
781
|
-
100% { @include transform(rotate(359deg)); }
|
|
782
|
-
}
|
|
783
|
-
.icon-loading-a { @include animation-timing-function(steps(8, start)); }
|
|
784
784
|
.icon-alert:before { content: "\f101" }
|
|
785
785
|
.icon-alert-circled:before { content: "\f100" }
|
|
786
786
|
.icon-android-add:before { content: "\f2c7" }
|
|
@@ -1513,4 +1513,18 @@
|
|
|
1513
1513
|
.icon-wineglass:before { content: "\f2b9" }
|
|
1514
1514
|
.icon-woman:before { content: "\f25d" }
|
|
1515
1515
|
.icon-wrench:before { content: "\f2ba" }
|
|
1516
|
-
.icon-xbox:before { content: "\f30c" }
|
|
1516
|
+
.icon-xbox:before { content: "\f30c" }
|
|
1517
|
+
|
|
1518
|
+
/* # Animation
|
|
1519
|
+
================================================== */
|
|
1520
|
+
.icon-spin:before { @include animation(icon-spin 2s infinite linear); }
|
|
1521
|
+
|
|
1522
|
+
/* # Durations
|
|
1523
|
+
================================================== */
|
|
1524
|
+
.icon-spin.icon-spin-duration-fastest:before { @include animation-duration(0.5s); }
|
|
1525
|
+
.icon-spin.icon-spin-duration-faster:before { @include animation-duration(1s); }
|
|
1526
|
+
.icon-spin.icon-spin-duration-fast:before { @include animation-duration(1.5s); }
|
|
1527
|
+
.icon-spin.icon-spin-duration-default:before { @include animation-duration(2s); }
|
|
1528
|
+
.icon-spin.icon-spin-duration-slow:before { @include animation-duration(2.5s); }
|
|
1529
|
+
.icon-spin.icon-spin-duration-slower:before { @include animation-duration(3s); }
|
|
1530
|
+
.icon-spin.icon-spin-duration-slowest:before { @include animation-duration(3.5s); }
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
/* Table of Contents
|
|
2
2
|
==================================================
|
|
3
|
-
# Popover
|
|
3
|
+
# Popover
|
|
4
|
+
# Media Queries */
|
|
4
5
|
|
|
5
6
|
/* # Popover
|
|
6
7
|
================================================== */
|
|
7
8
|
.popover {
|
|
8
9
|
background: $color-white;
|
|
9
10
|
background-clip: padding-box;
|
|
10
|
-
border: 1px solid $color-
|
|
11
|
-
|
|
11
|
+
border: 1px solid $color-haze;
|
|
12
|
+
border-radius: 3px;
|
|
12
13
|
display: none;
|
|
13
14
|
float: none;
|
|
14
15
|
font-style: normal;
|
|
@@ -44,7 +45,6 @@
|
|
|
44
45
|
}
|
|
45
46
|
.popover-title:empty { display: none; }
|
|
46
47
|
.popover-content {
|
|
47
|
-
background: $color-white;
|
|
48
48
|
font-weight: normal;
|
|
49
49
|
line-height: 20px;
|
|
50
50
|
}
|
|
@@ -113,4 +113,16 @@
|
|
|
113
113
|
border-left-color: $color-white;
|
|
114
114
|
bottom: -10px;
|
|
115
115
|
right: 1px;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
/* # Media Queries
|
|
119
|
+
================================================== */
|
|
120
|
+
@media
|
|
121
|
+
only screen and (-webkit-min-device-pixel-ratio: 2),
|
|
122
|
+
only screen and ( min--moz-device-pixel-ratio: 2),
|
|
123
|
+
only screen and ( -o-min-device-pixel-ratio: 2/1),
|
|
124
|
+
only screen and ( min-device-pixel-ratio: 2),
|
|
125
|
+
only screen and ( min-resolution: 192dpi),
|
|
126
|
+
only screen and ( min-resolution: 2dppx) {
|
|
127
|
+
.popover-title { border-width: 0.5px; }
|
|
116
128
|
}
|
|
@@ -146,6 +146,15 @@
|
|
|
146
146
|
background: $color-transparent !important;
|
|
147
147
|
color: $color-primary;
|
|
148
148
|
}
|
|
149
|
+
.sidebar-navbar-indicator {
|
|
150
|
+
background: $color-primary;
|
|
151
|
+
border-radius: 500px;
|
|
152
|
+
display: inline-block;
|
|
153
|
+
height: 8px;
|
|
154
|
+
margin: -7px 0 0 -13px;
|
|
155
|
+
position: absolute;
|
|
156
|
+
width: 8px;
|
|
157
|
+
}
|
|
149
158
|
.sidebar-form {
|
|
150
159
|
border-bottom: 1px solid;
|
|
151
160
|
border-color: inherit;
|
|
@@ -267,4 +276,5 @@ only screen and ( min-resolution: 2dppx) {
|
|
|
267
276
|
.sidebar-header h4,
|
|
268
277
|
.sidebar-header h5,
|
|
269
278
|
.sidebar-header h6 { letter-spacing: 0.5px; }
|
|
279
|
+
.sidebar-navbar-indicator { margin: -6.5px 0 0 -10.5px; }
|
|
270
280
|
}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
/* Table of Contents
|
|
2
|
+
==================================================
|
|
3
|
+
# Subheader
|
|
4
|
+
# Styles
|
|
5
|
+
# Colors
|
|
6
|
+
# Media Queries */
|
|
7
|
+
|
|
8
|
+
/* # Subheader
|
|
9
|
+
================================================== */
|
|
10
|
+
.subheader {
|
|
11
|
+
background: $color-white;
|
|
12
|
+
border-bottom: 1px solid;
|
|
13
|
+
border-color: $color-haze;
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
color: inherit;
|
|
16
|
+
height: 36px;
|
|
17
|
+
min-width: 100%;
|
|
18
|
+
width: 100%;
|
|
19
|
+
}
|
|
20
|
+
.subheader-nav {
|
|
21
|
+
border-color: inherit;
|
|
22
|
+
list-style: none;
|
|
23
|
+
margin: 0;
|
|
24
|
+
padding: 0;
|
|
25
|
+
}
|
|
26
|
+
.subheader-nav > li {
|
|
27
|
+
border-color: inherit;
|
|
28
|
+
float: left;
|
|
29
|
+
font-size: 11px;
|
|
30
|
+
font-weight: bold;
|
|
31
|
+
line-height: 1;
|
|
32
|
+
margin: 0 20px 0 0 !important;
|
|
33
|
+
}
|
|
34
|
+
.subheader-nav > li:last-child { margin: 0 !important; }
|
|
35
|
+
.subheader-nav > li > a {
|
|
36
|
+
border-bottom: 4px solid $color-transparent;
|
|
37
|
+
display: block;
|
|
38
|
+
padding: 11px 0 9px 0;
|
|
39
|
+
}
|
|
40
|
+
.subheader-nav > li > a:hover,
|
|
41
|
+
.subheader-nav > li > a:focus { border-color: inherit; }
|
|
42
|
+
.subheader-nav > li > a.active,
|
|
43
|
+
.subheader-nav > li > a:active { border-color: $color-primary; }
|
|
44
|
+
.subheader-nav-label {
|
|
45
|
+
background: $color-primary;
|
|
46
|
+
border-radius: 2px;
|
|
47
|
+
color: $color-white;
|
|
48
|
+
display: inline-block;
|
|
49
|
+
font-size: 9px;
|
|
50
|
+
font-style: normal;
|
|
51
|
+
letter-spacing: 0;
|
|
52
|
+
line-height: 1;
|
|
53
|
+
margin-top: -1px;
|
|
54
|
+
padding: 4px 5px 3px 5px;
|
|
55
|
+
text-align: center;
|
|
56
|
+
vertical-align: middle;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/* # Styles
|
|
60
|
+
================================================== */
|
|
61
|
+
.subheader-fixed {
|
|
62
|
+
position: fixed;
|
|
63
|
+
top: 60px;
|
|
64
|
+
min-width: inherit;
|
|
65
|
+
width: inherit;
|
|
66
|
+
z-index: 1040;
|
|
67
|
+
}
|
|
68
|
+
.subheader-shadow { box-shadow: 0 1px 2px lighten($color-light-gray, 25%); }
|
|
69
|
+
.subheader-shadowless { box-shadow: 0; }
|
|
70
|
+
|
|
71
|
+
/* # Styles
|
|
72
|
+
================================================== */
|
|
73
|
+
.subheader-dark,
|
|
74
|
+
.subheader-dark .subheader-nav > li > a:hover,
|
|
75
|
+
.subheader-dark .subheader-nav > li > a:focus {
|
|
76
|
+
background: $color-black;
|
|
77
|
+
border-color: $color-dark-black;
|
|
78
|
+
color: $color-white;
|
|
79
|
+
}
|
|
80
|
+
.subheader-dark.subheader-shadow { box-shadow: 0 1px 2px $color-dark-black; }
|
|
81
|
+
.subheader-light,
|
|
82
|
+
.subheader-light .subheader-nav > li > a:hover,
|
|
83
|
+
.subheader-light .subheader-nav > li > a:focus {
|
|
84
|
+
background: $color-light-haze;
|
|
85
|
+
border-color: $color-dark-haze;
|
|
86
|
+
}
|
|
87
|
+
.subheader-light.subheader-shadow { box-shadow: 0 1px 2px lighten($color-light-gray, 15%); }
|
|
88
|
+
|
|
89
|
+
/* # Media Queries
|
|
90
|
+
================================================== */
|
|
91
|
+
@media only screen and (max-width: 767px) {
|
|
92
|
+
.subheader { display: none; }
|
|
93
|
+
}
|
|
94
|
+
@media
|
|
95
|
+
only screen and (-webkit-min-device-pixel-ratio: 2),
|
|
96
|
+
only screen and ( min--moz-device-pixel-ratio: 2),
|
|
97
|
+
only screen and ( -o-min-device-pixel-ratio: 2/1),
|
|
98
|
+
only screen and ( min-device-pixel-ratio: 2),
|
|
99
|
+
only screen and ( min-resolution: 192dpi),
|
|
100
|
+
only screen and ( min-resolution: 2dppx) {
|
|
101
|
+
.subheader { border-width: 0.5px; }
|
|
102
|
+
.subheader-nav > li { font-weight: 500; }
|
|
103
|
+
}
|
|
@@ -43,12 +43,16 @@
|
|
|
43
43
|
border-bottom: 0;
|
|
44
44
|
border-top: 7px solid;
|
|
45
45
|
border-color: inherit;
|
|
46
|
+
border-left-color: $color-transparent;
|
|
47
|
+
border-right-color: $color-transparent;
|
|
46
48
|
bottom: -7px;
|
|
47
49
|
}
|
|
48
50
|
.timepicker-widget.timepicker-orient-bottom:after {
|
|
49
51
|
border-bottom: 0;
|
|
50
52
|
border-top: 6px solid;
|
|
51
53
|
border-color: inherit;
|
|
54
|
+
border-left-color: $color-transparent;
|
|
55
|
+
border-right-color: $color-transparent;
|
|
52
56
|
bottom: -6px;
|
|
53
57
|
}
|
|
54
58
|
.timepicker-widget > table {
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: active_frontend
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 12.
|
|
4
|
+
version: 12.4.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Juan Gomez
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-
|
|
11
|
+
date: 2016-02-09 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|
|
@@ -203,6 +203,7 @@ files:
|
|
|
203
203
|
- vendor/assets/stylesheets/_sidebar.scss
|
|
204
204
|
- vendor/assets/stylesheets/_slider.scss
|
|
205
205
|
- vendor/assets/stylesheets/_spinner.scss
|
|
206
|
+
- vendor/assets/stylesheets/_subheader.scss
|
|
206
207
|
- vendor/assets/stylesheets/_swoggle.scss
|
|
207
208
|
- vendor/assets/stylesheets/_table.scss
|
|
208
209
|
- vendor/assets/stylesheets/_timepicker.scss
|