active_frontend 6.5.0 → 6.6.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 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