active_frontend 2.1.0 → 3.0.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|