active_frontend 6.5.0 → 6.6.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 799718c5c0d5b7b3f5ff1d21790f833ca4d155ee
4
- data.tar.gz: ab4aa65826c58a9b0bfd0ab8b2b3bbcc6534cc7f
3
+ metadata.gz: 178011be55cffcc8e2eb68b5330c29c7bbe9753b
4
+ data.tar.gz: 799025b30e1310b5cf785819b0fc79f7a3bee371
5
5
  SHA512:
6
- metadata.gz: 8ef930c34786ee47514ab8295521695f9885e4494cdb8f65f40ca9409ddac2ad990640fc5a6ea226e38a5e6c25e5773ea13bbd88f5e72b381bf3755d42b286a0
7
- data.tar.gz: 40c5f022d93f48b224c1e3c2808ae06c92ec2a1b0de966674c8966aa6d8cac2e53ee9ba281e1bbb31b63b8cb9fcaa91c4b9e176a4209231e8c738e8090501274
6
+ metadata.gz: ea9aee477de88f0243fd813c74c61c4796b59f25fa319f0ab3b7701f2502f7706090e3ad6c08ca4ce5f6c4e20c14b63bb872acc58b8206ebe44275d4ca627e89
7
+ data.tar.gz: 62e36a57bfe98010ad91d70a64bfa1b460ca1dd0173b77eaee98502422fb5a69454fe510215144710cd37a3c86a803fac5ae6c716aca8ad09565f860b9bf10e4
@@ -1,3 +1,3 @@
1
1
  module ActiveFrontend
2
- VERSION = "6.5.0"
2
+ VERSION = "6.6.0"
3
3
  end
@@ -2393,7 +2393,7 @@
2393
2393
  scaleGridLineWidth : 1,
2394
2394
 
2395
2395
  //Boolean - Whether the line is curved between points
2396
- bezierCurve : true,
2396
+ bezierCurve : false,
2397
2397
 
2398
2398
  //Number - Tension of the bezier curve between points
2399
2399
  bezierCurveTension : 0.4,
@@ -70,7 +70,7 @@
70
70
  /* # Sizes
71
71
  ================================================== */
72
72
  .btn-large { padding: 19px 30px; }
73
- .btn-medium { padding: 9px 15px 10px 15px; }
73
+ .btn-medium { padding: 10px 15px; }
74
74
  .btn-small { padding: 8px 15px; }
75
75
  .btn-mini {
76
76
  font-size: 9px;
@@ -282,13 +282,13 @@ input.btn-block {
282
282
  font-size: 15px;
283
283
  line-height: 15px;
284
284
  min-width: 34px;
285
- padding: 7px 10px 8px 10px;
285
+ padding: 8px 10px;
286
286
  }
287
287
  .btn-small.btn-icon {
288
288
  font-size: 14px;
289
289
  line-height: 14px;
290
- min-width: 28px;
291
- padding: 6px 7px;
290
+ min-width: 30px;
291
+ padding: 7px 7px 6px 7px;
292
292
  }
293
293
  .btn-mini.btn-icon {
294
294
  font-size: 11px;
@@ -10,7 +10,14 @@
10
10
  top: 0;
11
11
  z-index: 1060;
12
12
  }
13
- .datepicker-dropdown.dropdown-menu { padding: 0; }
13
+ .datepicker-dropdown.dropdown-menu {
14
+ display: none;
15
+ opacity: 1;
16
+ padding: 0;
17
+ -webkit-transition: none;
18
+ transition: none;
19
+ visibility: visible;
20
+ }
14
21
  .datepicker:before {
15
22
  border-bottom: 7px solid rgba(230,237,242,1);
16
23
  border-right: 7px solid transparent;
@@ -16,7 +16,7 @@
16
16
  box-shadow: 0 0 3px rgba(220,220,220,1);
17
17
  box-sizing: border-box;
18
18
  color: rgba(35,41,55,1);
19
- display: none;
19
+ display: block;
20
20
  float: left;
21
21
  font-weight: bold;
22
22
  font-size: 12px;
@@ -25,11 +25,15 @@
25
25
  list-style: none;
26
26
  margin: 2px 0 0 0;
27
27
  min-width: 180px;
28
+ opacity: 0;
28
29
  padding: 10px 0;
29
30
  position: absolute;
30
31
  text-align: left;
31
32
  text-transform: none;
33
+ -webkit-transition: all 0.2s ease-in-out;
34
+ transition: all 0.2s ease-in-out;
32
35
  top: 100%;
36
+ visibility: hidden;
33
37
  z-index: 1000;
34
38
  }
35
39
  .dropdown-menu.pull-right {
@@ -69,7 +73,11 @@
69
73
  margin: -10px 0;
70
74
  padding: 4px;
71
75
  }
72
- .open > .dropdown-menu { display: block; }
76
+ .open > .dropdown-menu {
77
+ display: block;
78
+ opacity: 1;
79
+ visibility: visible;
80
+ }
73
81
  .pull-right > .dropdown-menu {
74
82
  left: auto;
75
83
  right: 0;
@@ -1,6 +1,7 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
3
  # Footer
4
+ # Alternate
4
5
  # Colors
5
6
  # Media Queries */
6
7
 
@@ -55,6 +56,39 @@
55
56
  margin: 8px 0 0 10px;
56
57
  }
57
58
 
59
+ /* # Alternate
60
+ ================================================== */
61
+ .footer-alt { padding: 40px 0; }
62
+ .footer-alt .footer-brand {
63
+ float: none;
64
+ text-align: center;
65
+ }
66
+ .footer-alt .footer-nav {
67
+ float: none;
68
+ margin: 0 0 10px 0;
69
+ }
70
+ .footer-alt .footer-nav > h6 {
71
+ color: rgba(85,94,113,1);
72
+ letter-spacing: 1px;
73
+ text-transform: uppercase;
74
+ }
75
+ .footer-alt .footer-nav > li {
76
+ float: none;
77
+ font-size: 14px;
78
+ line-height: 22px;
79
+ margin: 0;
80
+ }
81
+ .footer-alt .footer-nav > li > a {
82
+ font-weight: normal;
83
+ text-transform: none;
84
+ }
85
+ .footer-alt .footer-footnote {
86
+ display: block;
87
+ float: none;
88
+ margin: 10px 0;
89
+ text-align: center;
90
+ }
91
+
58
92
  /* # Colors
59
93
  ================================================== */
60
94
  .footer-dark {
@@ -76,4 +110,21 @@
76
110
  }
77
111
  @media only screen and (max-width: 959px) {
78
112
  .footer-app { width: 100%; }
113
+ }
114
+ @media only screen and (max-width: 767px) {
115
+ .footer-alt .footer-nav {
116
+ margin-bottom: 5px;
117
+ text-align: center;
118
+ }
119
+ .footer-alt .footer-nav > li {
120
+ display: inline-block;
121
+ font-size: 10px;
122
+ line-height: 10px;
123
+ margin-right: 10px;
124
+ }
125
+ .footer-alt .footer-nav > li:last-child { margin: 0; }
126
+ .footer-alt .footer-nav > li > a {
127
+ font-weight: bold;
128
+ text-transform: uppercase;
129
+ }
79
130
  }
@@ -46,7 +46,8 @@ input[type="url"],
46
46
  input[type="search"],
47
47
  input[type="tel"],
48
48
  input[type="color"],
49
- .uneditable-input {
49
+ .uneditable-input,
50
+ .form-select > select {
50
51
  -webkit-appearance: none;
51
52
  appearance: none;
52
53
  background: rgba(255,255,255,1);
@@ -280,6 +281,49 @@ select.form-input-initial-width {
280
281
  font-size: 12px;
281
282
  margin-bottom: 15px;
282
283
  }
284
+ .form-select {
285
+ display: block;
286
+ position: relative;
287
+ vertical-align: middle;
288
+ width: 100%;
289
+ }
290
+ .form-select::before,
291
+ .form-select::after {
292
+ content: "";
293
+ pointer-events: none;
294
+ position: absolute;
295
+ }
296
+ .form-select::after {
297
+ color: rgba(35,41,55,1);
298
+ content: "\f3d0";
299
+ font-family: "Ionicons";
300
+ font-size: 18px;
301
+ font-style: normal;
302
+ font-weight: normal;
303
+ height: 18px;
304
+ line-height: 1;
305
+ margin-top: -9px;
306
+ right: 16px;
307
+ top: 50%;
308
+ }
309
+ .form-select::before {
310
+ background: rgba(255,255,255,0);
311
+ border: 1px solid rgba(230,237,242,1);
312
+ border-left: 0;
313
+ bottom: 0;
314
+ right: 0;
315
+ top: 0;
316
+ width: 41px;
317
+ }
318
+ .form-select > select {
319
+ -webkit-appearance: button;
320
+ appearance: button;
321
+ text-overflow: '';
322
+ }
323
+ .form-select > select[disabled] {
324
+ background: rgba(245,248,250,1);
325
+ color: rgba(136,153,166,1);
326
+ }
283
327
  .form-footer {
284
328
  border-top: 1px solid rgba(230,237,242,1);
285
329
  margin-top: 30px;
@@ -105,18 +105,23 @@
105
105
  .header-nav-alt > li.inverse > a {
106
106
  background: $primary-color;
107
107
  border: 1px solid $primary-color;
108
- border-radius: 500px;
108
+ border-radius: 2px;
109
109
  box-sizing: border-box;
110
110
  color: rgba(255,255,255,1);
111
111
  padding-left: 20px;
112
112
  padding-right: 20px;
113
113
  }
114
+ .header-nav-alt > li.inverse.outline > a {
115
+ background: transparent;
116
+ color: $primary-color;
117
+ }
114
118
  .header-nav-alt > li.inverse > a:hover,
115
119
  .header-nav-alt > li.inverse > a.active,
116
120
  .header-nav-alt > li.inverse > a:active,
117
121
  .header-nav-alt > li.inverse > a:focus {
118
122
  background: rgba(35,41,55,1);
119
123
  border-color: rgba(35,41,55,1);
124
+ color: rgba(255,255,255,1);
120
125
  }
121
126
  .header-user {
122
127
  float: right;
@@ -267,13 +272,16 @@
267
272
  height: 50px;
268
273
  padding: 0;
269
274
  }
270
- .header-dark,
271
- .header-primary { border-color: rgba(0,0,0,0.2); }
272
275
  .header-brand > a {
273
276
  font-size: 36px;
274
277
  line-height: 57px;
275
278
  }
276
279
  .header-brand > a > img { height: 50px; }
277
- .header-dark { border-color: rgba(0,0,0,0.2); }
280
+ .header-dark,
281
+ .header-primary,
282
+ .header-primary-phone { border-color: rgba(0,0,0,0.2); }
278
283
  .header-light { border-color: rgba(225,232,237,1); }
284
+ .header-primary-phone { background: $primary-color; }
285
+ .header-primary-phone .header-brand > a,
286
+ .header-primary-phone .header-toggle > a { color: rgba(255,255,255,1); }
279
287
  }
@@ -54,14 +54,17 @@
54
54
  padding: 11px 15px;
55
55
  }
56
56
  .nav-list > li > a:hover,
57
+ .nav-list > li > a:focus { background: rgba(245,248,250,1); }
57
58
  .nav-list > li > a:active,
58
- .nav-list > li > a:focus { background: rgba(235,238,240,1); }
59
- .nav-list > .active > a {
60
- background: rgba(245,248,250,1);
59
+ .nav-list > .active > a,
60
+ .nav-list > .active > a:hover,
61
+ .nav-list > .active > a:active,
62
+ .nav-list > .active > a:focus {
63
+ background: rgba(240,243,245,1);
61
64
  color: rgba(35,41,55,1);
62
65
  }
63
66
  .nav-list > .divider {
64
- background: rgba(225,232,237,1);
67
+ background: rgba(245,248,250,1);
65
68
  height: 1px;
66
69
  margin: 10px 0 10px 0;
67
70
  overflow: hidden;
@@ -76,7 +79,7 @@
76
79
  }
77
80
  .nav-tabs:after,
78
81
  .nav-pills:after { clear: both; }
79
- .nav-tabs { border-bottom: 1px solid rgba(235,238,240,1); }
82
+ .nav-tabs { border-bottom: 1px solid rgba(245,248,250,1); }
80
83
  .nav-tabs > li,
81
84
  .nav-pills > li { float: left; }
82
85
  .nav-tabs > li > a {
@@ -84,8 +87,11 @@
84
87
  margin-right: 20px;
85
88
  padding-bottom: 10px;
86
89
  }
87
- .nav-tabs > .active > a {
88
- border-bottom-color: rgba(235,238,240,1);
90
+ .nav-tabs > .active > a,
91
+ .nav-tabs > .active > a:hover,
92
+ .nav-tabs > .active > a:active,
93
+ .nav-tabs > .active > a:focus {
94
+ border-bottom-color: rgba(245,248,250,1);
89
95
  color: $primary-color;
90
96
  }
91
97
  .nav-tabs .open a.dropdown-toggle { background: transparent; }
@@ -98,8 +104,11 @@
98
104
  }
99
105
  .nav-pills > li > a:hover,
100
106
  .nav-pills > li > a:active,
101
- .nav-pills > li > a:focus { background: rgba(235,238,240,1); }
102
- .nav-pills > .active > a {
107
+ .nav-pills > li > a:focus { background: rgba(240,243,245,1); }
108
+ .nav-pills > .active > a,
109
+ .nav-pills > .active > a:hover,
110
+ .nav-pills > .active > a:active,
111
+ .nav-pills > .active > a:focus {
103
112
  background: $primary-color;
104
113
  color: rgba(255,255,255,1);
105
114
  }
@@ -122,7 +131,7 @@
122
131
  .nav-tabs.nav-stacked > li > a:hover,
123
132
  .nav-tabs.nav-stacked > li > a:active,
124
133
  .nav-tabs.nav-stacked > li > a:focus {
125
- background: rgba(235,238,240,1);
134
+ background: rgba(245,248,250,1);
126
135
  color: rgba(35,41,55,1);
127
136
  z-index: 2;
128
137
  }
@@ -142,7 +151,7 @@
142
151
  .nav > li.dropdown.open.active > a:hover,
143
152
  .nav > li.dropdown.open.active > a:active,
144
153
  .nav > li.dropdown.open.active > a:focus {
145
- background: rgba(235,238,240,1);
154
+ background: rgba(240,243,245,1);
146
155
  color: rgba(35,41,55,1);
147
156
  }
148
157
 
@@ -88,4 +88,12 @@ body {
88
88
  text-rendering: optimizeLegibility;
89
89
  -webkit-text-size-adjust: 100%;
90
90
  text-size-adjust: 100%;
91
+ }
92
+ ::-moz-selection {
93
+ background: $primary-color;
94
+ color: rgba(255,255,255,1);
95
+ }
96
+ ::selection {
97
+ background: $primary-color;
98
+ color: rgba(255,255,255,1);
91
99
  }
@@ -74,6 +74,10 @@ table {
74
74
  .table thead:first-child tr:first-child th,
75
75
  .table thead:first-child tr:first-child td { border-top: 0; }
76
76
  .table tbody + tbody { border-top: 1px solid rgba(225,232,237,1); }
77
+ .table-align-bottom th,
78
+ .table-align-bottom td { vertical-align: bottom; }
79
+ .table-align-top th,
80
+ .table-align-top td { vertical-align: top; }
77
81
  .table-condensed caption,
78
82
  .table-condensed th,
79
83
  .table-condensed tfoot td {
@@ -4,9 +4,16 @@
4
4
 
5
5
  /* # Timepicker
6
6
  ================================================== */
7
- .timepicker-widget.dropdown-menu { padding: 5px 0; }
7
+ .timepicker-widget.dropdown-menu {
8
+ display: none;
9
+ opacity: 1;
10
+ padding: 5px 0;
11
+ -webkit-transition: none;
12
+ transition: none;
13
+ visibility: visible;
14
+ }
8
15
  .timepicker-widget.dropdown-menu.open {
9
- display: inline-block;
16
+ display: block;
10
17
  z-index: 1060;
11
18
  }
12
19
  .timepicker-widget.dropdown-menu:before {
@@ -6,6 +6,13 @@
6
6
  ================================================== */
7
7
  .typeahead {
8
8
  margin-top: 4px;
9
- z-index: 1051;
9
+ z-index: 1060;
10
10
  }
11
- .typeahead > li > a > b { color: $primary-color; }
11
+ .typeahead.dropdown-menu {
12
+ display: none;
13
+ opacity: 1;
14
+ -webkit-transition: none;
15
+ transition: none;
16
+ visibility: visible;
17
+ }
18
+ .typeahead.dropdown-menu > li > a > b { color: $primary-color; }
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: 6.5.0
4
+ version: 6.6.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-06-22 00:00:00.000000000 Z
11
+ date: 2015-06-26 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler