active_frontend 2.1.0 → 3.0.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/README.md +1 -0
- data/app/assets/images/placeholders/camera.png +0 -0
- data/app/assets/images/placeholders/person.png +0 -0
- data/app/assets/images/placeholders/picture.png +0 -0
- data/lib/active_frontend/version.rb +1 -1
- data/vendor/assets/javascripts/chart.js +10 -10
- data/vendor/assets/stylesheets/ad.scss +1 -1
- data/vendor/assets/stylesheets/alert.scss +18 -14
- data/vendor/assets/stylesheets/aside.scss +15 -13
- data/vendor/assets/stylesheets/breadcrumb.scss +4 -4
- data/vendor/assets/stylesheets/button.scss +136 -120
- data/vendor/assets/stylesheets/canvas.scss +5 -15
- data/vendor/assets/stylesheets/code.scss +63 -63
- data/vendor/assets/stylesheets/colorpicker.scss +2 -1
- data/vendor/assets/stylesheets/datepicker.scss +14 -14
- data/vendor/assets/stylesheets/dropdown.scss +16 -17
- data/vendor/assets/stylesheets/footer.scss +30 -102
- data/vendor/assets/stylesheets/form.scss +39 -47
- data/vendor/assets/stylesheets/header.scss +119 -113
- data/vendor/assets/stylesheets/label_and_badge.scss +28 -29
- data/vendor/assets/stylesheets/link.scss +9 -9
- data/vendor/assets/stylesheets/list.scss +4 -4
- data/vendor/assets/stylesheets/loader.scss +5 -5
- data/vendor/assets/stylesheets/map.scss +1 -1
- data/vendor/assets/stylesheets/modal.scss +16 -22
- data/vendor/assets/stylesheets/nav_and_tab.scss +25 -26
- data/vendor/assets/stylesheets/navbar.scss +39 -0
- data/vendor/assets/stylesheets/pagination.scss +4 -4
- data/vendor/assets/stylesheets/panel.scss +12 -10
- data/vendor/assets/stylesheets/placeholder.scss +5 -5
- data/vendor/assets/stylesheets/popover.scss +6 -6
- data/vendor/assets/stylesheets/progress.scss +2 -2
- data/vendor/assets/stylesheets/reset.scss +2 -2
- data/vendor/assets/stylesheets/sidebar.scss +8 -11
- data/vendor/assets/stylesheets/spinner.scss +30 -30
- data/vendor/assets/stylesheets/swoggle.scss +15 -15
- data/vendor/assets/stylesheets/table.scss +19 -14
- data/vendor/assets/stylesheets/timepicker.scss +6 -6
- data/vendor/assets/stylesheets/tooltip.scss +5 -5
- data/vendor/assets/stylesheets/trunk.scss +22 -25
- data/vendor/assets/stylesheets/typeahead.scss +1 -1
- data/vendor/assets/stylesheets/typography.scss +12 -12
- metadata +3 -2
@@ -16,23 +16,25 @@ table {
|
|
16
16
|
.table th,
|
17
17
|
.table td {
|
18
18
|
background: rgba(255,255,255,1);
|
19
|
-
border-top: 1px solid rgba(
|
19
|
+
border-top: 1px solid rgba(243,243,243,1);
|
20
20
|
font-size: 16px;
|
21
21
|
line-height: 25px;
|
22
22
|
padding: 9px 10px 6px 10px;
|
23
23
|
text-align: left;
|
24
24
|
vertical-align: middle;
|
25
25
|
}
|
26
|
-
.table caption,
|
27
26
|
.table th,
|
28
27
|
.table tfoot td {
|
29
28
|
background: rgba(255,255,255,1);
|
30
|
-
|
29
|
+
border-top-width: 2px;
|
30
|
+
font-size: 14px;
|
31
31
|
font-weight: bold;
|
32
|
+
letter-spacing: 1px;
|
32
33
|
padding: 7px 10px 7px 10px;
|
34
|
+
text-transform: uppercase;
|
33
35
|
}
|
34
|
-
.table th a { color: rgba(
|
35
|
-
.table th a:hover { color: rgba(
|
36
|
+
.table th a { color: rgba(34,34,34,1); }
|
37
|
+
.table th a:hover { color: rgba(76,143,202,1); }
|
36
38
|
.table th.tablespy-sort-asc:before {
|
37
39
|
content: "\f3d8";
|
38
40
|
float: right;
|
@@ -60,8 +62,10 @@ table {
|
|
60
62
|
.table th.tablespy-sort-empty:before { content: ""; }
|
61
63
|
.table th.tablespy-sort-empty { pointer-events: none; }
|
62
64
|
.table caption {
|
63
|
-
border-bottom:
|
65
|
+
border-bottom: 2px solid rgba(243,243,243,1);
|
64
66
|
border-top: 0;
|
67
|
+
font-size: 15px;
|
68
|
+
padding: 7px 10px 7px 10px;
|
65
69
|
}
|
66
70
|
.table caption + thead tr:first-child th,
|
67
71
|
.table caption + thead tr:first-child td,
|
@@ -69,7 +73,7 @@ table {
|
|
69
73
|
.table colgroup + thead tr:first-child td,
|
70
74
|
.table thead:first-child tr:first-child th,
|
71
75
|
.table thead:first-child tr:first-child td { border-top: 0; }
|
72
|
-
.table tbody + tbody { border-top: 2px solid rgba(
|
76
|
+
.table tbody + tbody { border-top: 2px solid rgba(243,243,243,1); }
|
73
77
|
.table-condensed caption,
|
74
78
|
.table-condensed th,
|
75
79
|
.table-condensed tfoot td {
|
@@ -81,16 +85,17 @@ table {
|
|
81
85
|
padding: 5px 5px 3px 5px;
|
82
86
|
}
|
83
87
|
.table-bordered {
|
84
|
-
border: 1px solid rgba(
|
88
|
+
border: 1px solid rgba(243,243,243,1);
|
85
89
|
border-collapse: separate;
|
86
90
|
border-left: 0;
|
87
91
|
}
|
88
92
|
.table-bordered caption {
|
89
|
-
border: 1px solid rgba(
|
93
|
+
border: 1px solid rgba(243,243,243,1);
|
94
|
+
border-bottom-width: 2px;
|
90
95
|
margin-bottom: -1px;
|
91
96
|
}
|
92
97
|
.table-bordered th,
|
93
|
-
.table-bordered td { border-left: 1px solid rgba(
|
98
|
+
.table-bordered td { border-left: 1px solid rgba(243,243,243,1); }
|
94
99
|
.table-bordered caption + thead tr:first-child th,
|
95
100
|
.table-bordered caption + tbody tr:first-child th,
|
96
101
|
.table-bordered caption + tbody tr:first-child td,
|
@@ -101,9 +106,9 @@ table {
|
|
101
106
|
.table-bordered tbody:first-child tr:first-child th,
|
102
107
|
.table-bordered tbody:first-child tr:first-child td { border-top: 0; }
|
103
108
|
.table-striped tbody > tr:nth-child(odd) > td,
|
104
|
-
.table-striped tbody > tr:nth-child(odd) > th { background: rgba(
|
109
|
+
.table-striped tbody > tr:nth-child(odd) > th { background: rgba(249,249,249,1); }
|
105
110
|
.table-hover tbody tr:hover > td,
|
106
|
-
.table-hover tbody tr:hover > th { background: rgba(
|
111
|
+
.table-hover tbody tr:hover > th { background: rgba(243,243,243,1); }
|
107
112
|
.table-unbordered,
|
108
113
|
.table-unbordered thead,
|
109
114
|
.table-unbordered tbody,
|
@@ -115,14 +120,14 @@ table {
|
|
115
120
|
}
|
116
121
|
.table .btn {
|
117
122
|
text-decoration: none !important;
|
118
|
-
|
123
|
+
text-transform: none !important;
|
119
124
|
}
|
120
125
|
|
121
126
|
/* # Media Queries
|
122
127
|
================================================== */
|
123
128
|
@media only screen and (max-width: 960px) {
|
124
129
|
.table-responsive {
|
125
|
-
border: 1px solid rgba(
|
130
|
+
border: 1px solid rgba(243,243,243,1);
|
126
131
|
max-height: 300px;
|
127
132
|
-webkit-overflow-scrolling: touch;
|
128
133
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
@@ -12,7 +12,7 @@
|
|
12
12
|
z-index: 1060;
|
13
13
|
}
|
14
14
|
.timepicker-widget.dropdown-menu:before {
|
15
|
-
border-bottom: 7px solid rgba(
|
15
|
+
border-bottom: 7px solid rgba(249,249,249,1);
|
16
16
|
border-right: 7px solid transparent;
|
17
17
|
border-left: 7px solid transparent;
|
18
18
|
content: "";
|
@@ -20,7 +20,7 @@
|
|
20
20
|
position: absolute;
|
21
21
|
}
|
22
22
|
.timepicker-widget.dropdown-menu:after {
|
23
|
-
border-bottom: 6px solid rgba(
|
23
|
+
border-bottom: 6px solid rgba(249,249,249,1);
|
24
24
|
border-right: 6px solid transparent;
|
25
25
|
border-left: 6px solid transparent;
|
26
26
|
content: "";
|
@@ -35,12 +35,12 @@
|
|
35
35
|
.timepicker-widget.timepicker-orient-top:after { top: -6px; }
|
36
36
|
.timepicker-widget.timepicker-orient-bottom:before {
|
37
37
|
border-bottom: 0;
|
38
|
-
border-top: 7px solid rgba(
|
38
|
+
border-top: 7px solid rgba(249,249,249,1);
|
39
39
|
bottom: -7px;
|
40
40
|
}
|
41
41
|
.timepicker-widget.timepicker-orient-bottom:after {
|
42
42
|
border-bottom: 0;
|
43
|
-
border-top: 6px solid rgba(
|
43
|
+
border-top: 6px solid rgba(249,249,249,1);
|
44
44
|
bottom: -6px;
|
45
45
|
}
|
46
46
|
.timepicker-widget a.btn,
|
@@ -57,7 +57,7 @@
|
|
57
57
|
.timepicker-widget table td:not(.separator) { min-width: 30px; }
|
58
58
|
.timepicker-widget table td span { width: 100%; }
|
59
59
|
.timepicker-widget table td a {
|
60
|
-
color: rgba(
|
60
|
+
color: rgba(27,192,109,1);
|
61
61
|
display: inline-block;
|
62
62
|
margin: 0;
|
63
63
|
padding: 8px 0;
|
@@ -65,7 +65,7 @@
|
|
65
65
|
width: 100%;
|
66
66
|
}
|
67
67
|
.timepicker-widget table td a:hover {
|
68
|
-
color: rgba(
|
68
|
+
color: rgba(34,34,34,1);
|
69
69
|
text-decoration: none;
|
70
70
|
}
|
71
71
|
.timepicker-widget table td input {
|
@@ -43,7 +43,7 @@
|
|
43
43
|
padding: 0 5px;
|
44
44
|
}
|
45
45
|
.tooltip-inner {
|
46
|
-
background: rgba(
|
46
|
+
background: rgba(34,34,34,1);
|
47
47
|
border-radius: 3px;
|
48
48
|
color: rgba(255,255,255,1);
|
49
49
|
letter-spacing: 0;
|
@@ -61,28 +61,28 @@
|
|
61
61
|
width: 0;
|
62
62
|
}
|
63
63
|
.tooltip.top .tooltip-arrow {
|
64
|
-
border-top-color: rgba(
|
64
|
+
border-top-color: rgba(34,34,34,1);
|
65
65
|
border-width: 5px 5px 0;
|
66
66
|
bottom: 0;
|
67
67
|
left: 50%;
|
68
68
|
margin-left: -5px;
|
69
69
|
}
|
70
70
|
.tooltip.right .tooltip-arrow {
|
71
|
-
border-right-color: rgba(
|
71
|
+
border-right-color: rgba(34,34,34,1);
|
72
72
|
border-width: 5px 5px 5px 0;
|
73
73
|
left: 0;
|
74
74
|
margin-top: -5px;
|
75
75
|
top: 50%;
|
76
76
|
}
|
77
77
|
.tooltip.left .tooltip-arrow {
|
78
|
-
border-left-color: rgba(
|
78
|
+
border-left-color: rgba(34,34,34,1);
|
79
79
|
border-width: 5px 0 5px 5px;
|
80
80
|
margin-top: -5px;
|
81
81
|
right: 0;
|
82
82
|
top: 50%;
|
83
83
|
}
|
84
84
|
.tooltip.bottom .tooltip-arrow {
|
85
|
-
border-bottom-color: rgba(
|
85
|
+
border-bottom-color: rgba(34,34,34,1);
|
86
86
|
border-width: 0 5px 5px;
|
87
87
|
left: 50%;
|
88
88
|
margin-left: -5px;
|
@@ -5,24 +5,14 @@
|
|
5
5
|
/* # Trunk
|
6
6
|
================================================== */
|
7
7
|
.trunk {
|
8
|
-
background: rgba(
|
9
|
-
|
8
|
+
background: rgba(12,12,12,1);
|
9
|
+
border-top: 2px solid rgba(34,34,34,1);
|
10
10
|
margin: 50px 0 0 0;
|
11
11
|
position: fixed;
|
12
12
|
width: 100%;
|
13
13
|
z-index: 1040;
|
14
14
|
}
|
15
15
|
.trunk-buffer { padding: 30px 0; }
|
16
|
-
.trunk-search > input {
|
17
|
-
background: transparent;
|
18
|
-
border-color: rgba(255,255,255,0.25);
|
19
|
-
color: rgba(255,255,255,1);
|
20
|
-
font-weight: 200;
|
21
|
-
}
|
22
|
-
.trunk-search > input:focus { border-color: rgba(255,255,255,1); }
|
23
|
-
.trunk-search > input:-moz-placeholder { color: rgba(255,255,255,0.40); }
|
24
|
-
.trunk-search > input:-ms-input-placeholder { color: rgba(255,255,255,0.40); }
|
25
|
-
.trunk-search > input::-webkit-input-placeholder { color: rgba(255,255,255,0.40); }
|
26
16
|
.trunk-nav {
|
27
17
|
list-style-type: none;
|
28
18
|
margin: 0;
|
@@ -39,26 +29,33 @@
|
|
39
29
|
.trunk-nav > li > a {
|
40
30
|
-webkit-appearance: none;
|
41
31
|
-moz-appearance: none;
|
42
|
-
border
|
43
|
-
|
44
|
-
color: rgba(255,255,255,1);
|
32
|
+
border: 1px solid rgba(53,53,53,1);
|
33
|
+
color: rgba(153,153,153,1);
|
45
34
|
cursor: pointer;
|
46
35
|
display: block;
|
47
36
|
-webkit-font-smoothing: antialiased;
|
48
37
|
font-weight: 500;
|
49
38
|
font-size: 11px;
|
39
|
+
letter-spacing: 1px;
|
50
40
|
line-height: 11px;
|
51
|
-
padding:
|
41
|
+
padding: 11px 0 9px 0;
|
42
|
+
text-align: center;
|
52
43
|
text-decoration: none;
|
53
44
|
text-rendering: geometricPrecision;
|
54
|
-
text-
|
45
|
+
text-transform: uppercase;
|
55
46
|
-webkit-transition: all 0.3s linear;
|
56
47
|
transition: all 0.3s linear;
|
57
48
|
vertical-align: middle;
|
58
49
|
white-space: nowrap;
|
59
50
|
}
|
51
|
+
.trunk-nav > li > a.active,
|
52
|
+
.trunk-nav > li > a:active,
|
53
|
+
.trunk-nav > li > a:hover,
|
54
|
+
.trunk-nav > li > a:focus {
|
55
|
+
border-color: rgba(230,230,230,1);
|
56
|
+
color: rgba(255,255,255,1);
|
57
|
+
}
|
60
58
|
.trunk-user {
|
61
|
-
border-top: 1px solid rgba(255,255,255, 0.1);
|
62
59
|
list-style-type: none;
|
63
60
|
margin: 10px auto 0 auto;
|
64
61
|
padding: 10px 0 0 0;
|
@@ -75,19 +72,19 @@
|
|
75
72
|
.trunk-user > li > a {
|
76
73
|
-webkit-appearance: none;
|
77
74
|
-moz-appearance: none;
|
78
|
-
|
79
|
-
border: 1px solid rgba(255,255,255,0.25);
|
80
|
-
color: rgba(255,255,255,1);
|
75
|
+
color: rgba(153,153,153,1);
|
81
76
|
cursor: pointer;
|
82
77
|
display: block;
|
83
78
|
-webkit-font-smoothing: antialiased;
|
84
|
-
font-weight:
|
79
|
+
font-weight: normal;
|
85
80
|
font-size: 11px;
|
81
|
+
letter-spacing: 1px;
|
86
82
|
line-height: 11px;
|
87
83
|
padding: 9px 0 7px 0;
|
84
|
+
text-align: center;
|
88
85
|
text-decoration: none;
|
89
86
|
text-rendering: geometricPrecision;
|
90
|
-
text-
|
87
|
+
text-transform: uppercase;
|
91
88
|
-webkit-transition: all 0.3s linear;
|
92
89
|
transition: all 0.3s linear;
|
93
90
|
vertical-align: middle;
|
@@ -95,9 +92,9 @@
|
|
95
92
|
}
|
96
93
|
.trunk-user img,
|
97
94
|
.trunk-user > li.trunk-user-placeholder {
|
98
|
-
background: rgba(
|
95
|
+
background: rgba(255,255,255,1);
|
99
96
|
border-radius: 500px;
|
100
|
-
color: rgba(
|
97
|
+
color: rgba(34,34,34,1);
|
101
98
|
display: inline-block;
|
102
99
|
height: 40px;
|
103
100
|
margin: 0;
|
@@ -57,7 +57,7 @@
|
|
57
57
|
/* # Typography
|
58
58
|
================================================== */
|
59
59
|
h1, h2, h3, h4, h5, h6 {
|
60
|
-
color: rgba(
|
60
|
+
color: rgba(34,34,34,1);
|
61
61
|
font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
|
62
62
|
font-weight: bold;
|
63
63
|
}
|
@@ -123,11 +123,11 @@ address.small {
|
|
123
123
|
line-height: 22px;
|
124
124
|
}
|
125
125
|
blockquote {
|
126
|
-
border-left: 5px solid rgba(
|
126
|
+
border-left: 5px solid rgba(34,34,34,1);
|
127
127
|
padding-left: 10px;
|
128
128
|
}
|
129
129
|
blockquote p { margin-bottom: 10px; }
|
130
|
-
blockquote small { color: rgba(
|
130
|
+
blockquote small { color: rgba(200,200,200,1); }
|
131
131
|
strong { font-weight: 500; }
|
132
132
|
|
133
133
|
/* # Alignments
|
@@ -139,16 +139,16 @@ strong { font-weight: 500; }
|
|
139
139
|
|
140
140
|
/* # Colors
|
141
141
|
================================================== */
|
142
|
-
.text-black { color: rgba(
|
143
|
-
.text-blue { color: rgba(
|
144
|
-
.text-gray { color: rgba(
|
145
|
-
.text-green { color: rgba(
|
146
|
-
.text-orange { color: rgba(255,
|
147
|
-
.text-purple { color: rgba(
|
148
|
-
.text-red { color: rgba(
|
149
|
-
.text-smoke { color: rgba(
|
142
|
+
.text-black { color: rgba(34,34,34,1); }
|
143
|
+
.text-blue { color: rgba(76,143,202,1); }
|
144
|
+
.text-gray { color: rgba(200,200,200,1); }
|
145
|
+
.text-green { color: rgba(27,192,109,1); }
|
146
|
+
.text-orange { color: rgba(255,154,46,1); }
|
147
|
+
.text-purple { color: rgba(110,115,136,1); }
|
148
|
+
.text-red { color: rgba(225,80,80,1); }
|
149
|
+
.text-smoke { color: rgba(100,100,100,1); }
|
150
150
|
.text-white { color: rgba(255,255,255,1); }
|
151
|
-
.text-yellow { color: rgba(
|
151
|
+
.text-yellow { color: rgba(166,165,71,1); }
|
152
152
|
|
153
153
|
/* # Decorations
|
154
154
|
================================================== */
|
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:
|
4
|
+
version: 3.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Juan Gomez
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-05-
|
11
|
+
date: 2015-05-31 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -133,6 +133,7 @@ files:
|
|
133
133
|
- vendor/assets/stylesheets/map.scss
|
134
134
|
- vendor/assets/stylesheets/modal.scss
|
135
135
|
- vendor/assets/stylesheets/nav_and_tab.scss
|
136
|
+
- vendor/assets/stylesheets/navbar.scss
|
136
137
|
- vendor/assets/stylesheets/pagination.scss
|
137
138
|
- vendor/assets/stylesheets/panel.scss
|
138
139
|
- vendor/assets/stylesheets/placeholder.scss
|