active_frontend 14.0.39 → 14.0.40

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: 1d7d3fdf9f648d9eaedc7696302a896ae10c6b4a
4
- data.tar.gz: 2d74d518af53704337d2501780654ce6ed44243b
3
+ metadata.gz: 2457c501f0f702ff0264569380b0a08593731371
4
+ data.tar.gz: ff9afb2195dc3d93ece4c7a4eb889ffa5509a8e8
5
5
  SHA512:
6
- metadata.gz: d07e36cadd80dc42909c5e43af30cb6345091ef5a0c00a79a4a43404cf4441f8586d061b525b04530868a7598e47b43b35af1e3687c184b290e2c4ce54a845a0
7
- data.tar.gz: 5150dd80c7b3d367c17fb151e87692c1b70bb614bcb4224b64e214e5261e59f3ab03fa329a7e4f95ce3f7b2f2b3946966f839525765e4a74f5b35d7eebea71f8
6
+ metadata.gz: b07b3581ccc6208a02c42f3703b9384fefc4022ad570e8397580b735a0e20f1e74b986570267fafee0a3df39a9af6d281d501f3a02176c1213194d26a291936e
7
+ data.tar.gz: c625d137ecb49cca39220484d449a374c2752e11bdb1410d81fb45512d2075f4b501ec67cb18532e9dd23ed6b55c25732209df6ed8ae899edaa3aa729009d2a6
@@ -1,3 +1,3 @@
1
1
  module ActiveFrontend
2
- VERSION = '14.0.39'.freeze
2
+ VERSION = '14.0.40'.freeze
3
3
  end
@@ -18,9 +18,9 @@
18
18
  Colorpicker.DEFAULTS = {
19
19
  callback: function (color) {},
20
20
  colors: [
21
- '#9ABF5B', '#32C251', '#37BAD4', '#247EEC', '#7E61EA',
22
- '#AD65E4', '#F15D79', '#DD3D3F', '#EA8532', '#F2CB24',
23
- '#273444', '#8292A4', '#EEF0F6', '#FFFFFF'
21
+ '#A1D74D', '#2ECC40', '#2ECFDD', '#0D86F6', '#7E63E2',
22
+ '#BA5BCE', '#EA4C88', '#EB4622', '#FDA30D', '#F6D123',
23
+ '#364453', '#8292A4', '#EEF0F6', '#FFFFFF'
24
24
  ],
25
25
  item: '<li><button type="button"></button></li>',
26
26
  menu: '<ul class="colorpicker dropmenu caret"></ul>'
@@ -67,6 +67,7 @@
67
67
  if (this.$element.prop('disabled')) return false;
68
68
 
69
69
  this.$switch.removeClass('off');
70
+ this.$switch.addClass(this.options.onClass);
70
71
  this.$element.prop('checked', true);
71
72
 
72
73
  if (!silent) this.trigger();
@@ -75,6 +76,7 @@
75
76
  Switch.prototype.off = function (silent) {
76
77
  if (this.$element.prop('disabled')) return false;
77
78
 
79
+ this.$switch.removeClass(this.options.onClass);
78
80
  this.$switch.addClass('off');
79
81
  this.$element.prop('checked', false);
80
82
 
@@ -5415,8 +5415,8 @@ module.exports = function () {
5415
5415
  animationDuration: 400
5416
5416
  },
5417
5417
  onClick: null,
5418
- defaultColor: 'rgba(39,52,68,0.1)',
5419
- defaultFontColor: 'rgba(39,52,68,1)',
5418
+ defaultColor: 'rgba(54,68,83,0.1)',
5419
+ defaultFontColor: 'rgba(54,68,83,1)',
5420
5420
  defaultFontFamily: "'Fakt Soft Pro', Verdana, Tahoma, sans-serif",
5421
5421
  defaultFontSize: 16,
5422
5422
  defaultFontStyle: 'normal',
@@ -6138,14 +6138,14 @@ module.exports = function (Chart) {
6138
6138
  position: 'left',
6139
6139
  gridLines: {
6140
6140
  display: true,
6141
- color: 'rgba(228,231,238,1)',
6141
+ color: 'rgba(229,232,241,1)',
6142
6142
  lineWidth: 1,
6143
6143
  drawBorder: true,
6144
6144
  drawOnChartArea: true,
6145
6145
  drawTicks: true,
6146
6146
  tickMarkLength: 10,
6147
6147
  zeroLineWidth: 1,
6148
- zeroLineColor: 'rgba(228,231,238,1)',
6148
+ zeroLineColor: 'rgba(229,232,241,1)',
6149
6149
  offsetGridLines: false
6150
6150
  },
6151
6151
  scaleLabel: {
@@ -7006,7 +7006,7 @@ module.exports = function (Chart) {
7006
7006
  enabled: true,
7007
7007
  custom: null,
7008
7008
  mode: 'single',
7009
- backgroundColor: 'rgba(39,52,68,1)',
7009
+ backgroundColor: 'rgba(54,68,83,1)',
7010
7010
  titleFontStyle: '500',
7011
7011
  titleSpacing: 0,
7012
7012
  titleMarginBottom: 3,
@@ -8681,7 +8681,7 @@ module.exports = function (Chart) {
8681
8681
  position: 'chartArea',
8682
8682
  angleLines: {
8683
8683
  display: true,
8684
- color: 'rgba(228,231,238,1)',
8684
+ color: 'rgba(229,232,241,1)',
8685
8685
  lineWidth: 1
8686
8686
  },
8687
8687
  ticks: {
@@ -34,26 +34,26 @@ $animation-durations: (
34
34
  // Color
35
35
  // ==================================================
36
36
  $colors-brand: (
37
- 'lime': rgba(154,191,91,1),
38
- 'green': rgba(50,194,81,1),
39
- 'teal': rgba(55,186,212,1),
40
- 'blue': rgba(36,126,236,1),
41
- 'indigo': rgba(126,97,234,1),
42
- 'purple': rgba(173,101,228,1),
43
- 'pink': rgba(241,93,121,1),
44
- 'red': rgba(221,61,63,1),
45
- 'orange': rgba(234,133,50,1),
46
- 'yellow': rgba(242,203,36,1)
37
+ 'lime': rgba(161,215,77,1),
38
+ 'green': rgba(46,204,64,1),
39
+ 'teal': rgba(46,207,221,1),
40
+ 'blue': rgba(13,134,246,1),
41
+ 'indigo': rgba(126,99,226,1),
42
+ 'purple': rgba(186,91,206,1),
43
+ 'pink': rgba(239,76,136,1),
44
+ 'red': rgba(235,70,34,1),
45
+ 'orange': rgba(253,163,13,1),
46
+ 'yellow': rgba(246,209,35,1)
47
47
  );
48
48
  $colors-grayscale: (
49
49
  'transparent': rgba(0,0,0,0),
50
- 'dark-black': rgba(32,42,58,1),
51
- 'black': rgba(39,52,68,1),
52
- 'light-black': rgba(48,64,80,1),
53
- 'dark-gray': rgba(108,126,144,1),
50
+ 'dark-black': rgba(47,59,72,1),
51
+ 'black': rgba(54,68,83,1),
52
+ 'light-black': rgba(61,77,93,1),
53
+ 'dark-gray': rgba(110,128,150,1),
54
54
  'gray': rgba(130,146,164,1),
55
- 'light-gray': rgba(153,166,181,1),
56
- 'dark-haze': rgba(228,231,238,1),
55
+ 'light-gray': rgba(153,166,183,1),
56
+ 'dark-haze': rgba(229,232,241,1),
57
57
  'haze': rgba(238,240,246,1),
58
58
  'light-haze': rgba(249,250,252,1),
59
59
  'white': rgba(255,255,255,1)
@@ -73,7 +73,7 @@ $common-border-radiuses: (
73
73
  xl: 999px,
74
74
  l: 10px,
75
75
  m: 6px,
76
- b: 3px,
76
+ b: 4px,
77
77
  s: 2px,
78
78
  n: 0
79
79
  );
@@ -33,11 +33,15 @@
33
33
 
34
34
  &:hover,
35
35
  &.active,
36
- &:focus { background: darkish-color(haze); }
36
+ &:focus {
37
+ background: darkish-color(haze);
38
+ box-shadow: inset 0 -2px dark-color(haze);
39
+ }
37
40
  &:active,
38
41
  &.disabled,
39
42
  &[disabled] {
40
43
  background: lightish-color(haze);
44
+ box-shadow: none;
41
45
  color: transparentize(color(black), 0.35);
42
46
  }
43
47
  &.disabled,
@@ -88,11 +92,15 @@
88
92
 
89
93
  &:hover,
90
94
  &.active,
91
- &:focus { background: darkish-color($name); }
95
+ &:focus {
96
+ background: darkish-color($name);
97
+ box-shadow: inset 0 -2px dark-color($name);
98
+ }
92
99
  &:active,
93
100
  &.disabled,
94
101
  &[disabled] {
95
102
  background: lightish-color($name);
103
+ box-shadow: none;
96
104
  color: transparentize(text-color-on($name), 0.35);
97
105
  }
98
106
  }
@@ -117,7 +125,10 @@
117
125
  &.active,
118
126
  &:focus,
119
127
  &.disabled,
120
- &[disabled] { background: inherit; }
128
+ &[disabled] {
129
+ background: inherit;
130
+ box-shadow: none;
131
+ }
121
132
  }
122
133
  .btn-block {
123
134
  display: block;
@@ -155,6 +166,7 @@
155
166
  min-width: 32px;
156
167
  padding: 7px 0 8px;
157
168
  }
169
+ &.btn-link { padding: 0; }
158
170
  }
159
171
 
160
172
  // Groups
@@ -64,16 +64,18 @@ input:not([type='submit']),
64
64
  select,
65
65
  textarea {
66
66
  &[disabled] {
67
- @include text-fill-color(color(dark-gray));
68
- background: darkish-color(light-haze);
69
- color: color(dark-gray);
67
+ @include text-fill-color(color(gray));
68
+ background: color(light-haze);
69
+ color: color(gray);
70
70
  }
71
71
 
72
72
  &.dark {
73
- &[disabled] { background: color(light-black); }
73
+ background: color(light-black);
74
+
75
+ &[disabled] { background: color(black); }
74
76
  }
75
77
  &.light {
76
- &[disabled] { background: color(haze); }
78
+ &[disabled] { background: color(light-haze); }
77
79
  }
78
80
  }
79
81
  input {
@@ -81,6 +83,12 @@ input {
81
83
  &::-moz-placeholder { line-height: 24px; }
82
84
  &:-ms-input-placeholder { line-height: 24px; }
83
85
  }
86
+ input,
87
+ textarea {
88
+ &::-webkit-input-placeholder { font-weight: text-weight(normal); }
89
+ &::-moz-placeholder { line-height: text-weight(normal); }
90
+ &:-ms-input-placeholder { line-height: text-weight(normal); }
91
+ }
84
92
  input[type='submit'] {
85
93
  margin: 0;
86
94
  width: initial;
@@ -359,12 +367,18 @@ textarea {
359
367
  }
360
368
  &.form-align-vertical { vertical-align: middle; }
361
369
  &.dark {
362
- background: color(dark-black);
370
+ label {
371
+ background: color(light-black);
363
372
 
364
- label { background: color(black); }
373
+ &:hover { background: color(dark-black); }
374
+ }
365
375
  }
366
376
  &.light {
367
- label { background: color(haze); }
377
+ label {
378
+ background: color(light-haze);
379
+
380
+ &:hover { background: color(dark-haze); }
381
+ }
368
382
  }
369
383
  }
370
384
  .form-radio { border-radius: border-radius(xl); }
@@ -169,5 +169,5 @@ body {
169
169
  text-decoration: none;
170
170
  text-transform: none;
171
171
  }
172
- ::-moz-selection { background: transparentize(color(primary), 0.85); }
173
- ::selection { background: transparentize(color(primary), 0.85); }
172
+ ::-moz-selection { background: transparentize(color(primary), 0.8); }
173
+ ::selection { background: transparentize(color(primary), 0.8); }
@@ -24,7 +24,6 @@ $font-headings: h1, h2, h3, h4, h5, h6;
24
24
  $name: nth(map-keys($font-sizes), $i);
25
25
 
26
26
  #{$heading} {
27
- font-family: text-family(display);
28
27
  font-size: text-size($name);
29
28
  font-weight: text-weight(semibold);
30
29
  line-height: text-line-height($name);
@@ -22,6 +22,7 @@
22
22
  border-top-left-radius: border-radius(b);
23
23
  border-top-right-radius: border-radius(b);
24
24
  font-weight: text-weight(semibold);
25
+ padding-bottom: 9px;
25
26
  }
26
27
  .card-footer {
27
28
  border-top: 0;
@@ -146,6 +146,7 @@
146
146
  @each $name, $color in $colors {
147
147
  .switch-color-#{$name} {
148
148
  background: color($name);
149
+ border-color: darkish-color($name);
149
150
  color: text-color-on($name);
150
151
  }
151
152
  }
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: 14.0.39
4
+ version: 14.0.40
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-12-17 00:00:00.000000000 Z
11
+ date: 2016-12-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails