active_frontend 7.0.2 → 8.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 936d63885a550512a25827dbed7e040f6b3d0f6b
-  data.tar.gz: 37a41d24fac43079e7e5a2e6f06f7f5b7b7f4b61
+  metadata.gz: 3ac143feaeb62f76569d97990f3df16ed6115fb7
+  data.tar.gz: dfd577b2a93717315f1151c48daf1a3b578ff421
 SHA512:
-  metadata.gz: 2b3c92a13ad81ee75846e3879f86b319e2ae770fb9c8cd93327d04e243ffb4d06f3466089f9fb17906a7087149dd19c472c7cc4db14b37553ddd21d210f26bca
-  data.tar.gz: d6a251679acf497739bc1eabd5b88fbaa495fc21ffc2cd32d3679578008785b42fe3f5221dee3ad8d0a38b46210d9e2e76f8c2b17fbab4c4488560109a5554c5
+  metadata.gz: 01db75bfe686b7e8d7a9be5034b85a6ec38d115b8e69929a8b9240318d0f4d2b4f7221deb4418b5f69f2da2cc59c7c847ceb3664ac4a561f40e77fca345e7aa2
+  data.tar.gz: ef3bda595a1e62c9ca1c861df4b52060ce39f1caa7740cce3ffc3715d57ce7bf3c5a74e8712ab219965d37ecdfe22c3567bbf11f770440421e9196d94ac532d4

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = "7.0.2"
+  VERSION = "8.0.0"
 end

data/vendor/assets/javascripts/chart.js

@@ -49,7 +49,7 @@
       scaleStartValue: null,
 
       // String - Colour of the scale line
-      scaleLineColor: "rgba(235,240,243,1)",
+      scaleLineColor: "rgba(240,240,240,1)",
 
       // Number - Pixel width of the scale line
       scaleLineWidth: 1,
@@ -76,7 +76,7 @@
       scaleFontStyle: "bold",
 
       // String - Scale label font colour
-      scaleFontColor: "rgba(35,41,55,1)",
+      scaleFontColor: "rgba(22,27,31,1)",
 
       // Boolean - whether or not the chart should be responsive and resize when the browser does.
       responsive: true,
@@ -91,7 +91,7 @@
       tooltipEvents: ["mousemove", "touchstart", "touchmove", "mouseout"],
 
       // String - Tooltip background colour
-      tooltipFillColor: "rgba(35,41,55,1)",
+      tooltipFillColor: "rgba(22,27,31,1)",
 
       // String - Tooltip label font declaration for the scale label
       tooltipFontFamily: "'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
@@ -1910,7 +1910,7 @@
     scaleShowGridLines : true,
 
     //String - Colour of the grid lines
-    scaleGridLineColor : "rgba(235,240,243,1)",
+    scaleGridLineColor : "rgba(240,240,240,1)",
 
     //Number - Width of the grid lines
     scaleGridLineWidth : 1,
@@ -2387,7 +2387,7 @@
     scaleShowGridLines : true,
 
     //String - Colour of the grid lines
-    scaleGridLineColor : "rgba(235,240,243,1)",
+    scaleGridLineColor : "rgba(240,240,240,1)",
 
     //Number - Width of the grid lines
     scaleGridLineWidth : 1,
@@ -2992,7 +2992,7 @@
       scaleBeginAtZero : true,
 
       //String - Colour of the angle line
-      angleLineColor : "rgba(235,240,243,1)",
+      angleLineColor : "rgba(240,240,240,1)",
 
       //Number - Pixel width of the angle line
       angleLineWidth : 1,
@@ -3007,7 +3007,7 @@
       pointLabelFontSize : 11,
 
       //String - Point label font colour
-      pointLabelFontColor : "rgba(35,41,55,1)",
+      pointLabelFontColor : "rgba(22,27,31,1)",
 
       //Boolean - Whether to show a dot for each point
       pointDot : true,

data/vendor/assets/stylesheets/_ad.scss

@@ -1,12 +1,13 @@
 /* Table of Contents
 ==================================================
-# Ad */
+# Ad
+# Media Queries */
 
 /* # Ad
 ================================================== */
 .ad {
   background: $color-haze-light;
-  border: 1px solid $color-haze;
+  border: 1px solid $color-haze-dark;
   box-sizing: border-box;
   height: 220px;
   width: 220px;
@@ -71,4 +72,16 @@
 .ad-skyscrapper {
   height: 600px;
   width: 120px;
+}
+
+/* # Media Queries
+================================================== */
+@media
+only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (   min--moz-device-pixel-ratio: 2),
+only screen and (     -o-min-device-pixel-ratio: 2/1),
+only screen and (        min-device-pixel-ratio: 2),
+only screen and (                min-resolution: 192dpi),
+only screen and (                min-resolution: 2dppx) {
+  .ad { border-width: 0.5px; }
 }

data/vendor/assets/stylesheets/_alert.scss

@@ -16,7 +16,7 @@
 }
 .alert {
   background: $color-gray;
-  border-bottom: 2px solid rgba(0,0,0,0.1);
+  border-bottom: 1px solid rgba(0,0,0,0.2);
   box-sizing: border-box;
   color: $color-white;
   display: block;
@@ -46,15 +46,25 @@
 
 /* # Colors
 ================================================== */
+.alert-black { background: $color-black; }
+.alert-black-dark { background: $color-black-dark; }
+.alert-black-light { background: $color-black-light; }
+.alert-blue { background: $color-blue; }
+.alert-gray-dark { background: $color-gray-dark; }
+.alert-gray-light { background: $color-gray-light; }
 .alert-green,
 .alert-success { background: $color-green; }
-.alert-orange,
-.alert-warning { background: $color-orange; }
+.alert-indigo { background: $color-indigo; }
+.alert-lime { background: $color-lime; }
+.alert-orange { background: $color-orange; }
+.alert-purple { background: $color-purple; }
+.alert-pink { background: $color-pink; }
 .alert-red,
 .alert-error,
 .alert-alert { background: $color-red; }
-.alert-black,
-.alert-system { background: $color-gray-dark; }
+.alert-teal { background: $color-teal; }
+.alert-yellow,
+.alert-warning { background: $color-yellow; }
 
 /* # Media Queries
 ================================================== */

data/vendor/assets/stylesheets/_button.scss

@@ -89,17 +89,38 @@ input.btn-block {
 
 /* # Colors
 ================================================== */
+.btn-black-light,
 .btn-black,
+.btn-black-dark,
 .btn-blue,
 .btn-gray-light,
 .btn-gray,
 .btn-gray-dark,
 .btn-green,
+.btn-indigo,
+.btn-lime,
 .btn-orange,
 .btn-pink,
 .btn-purple,
 .btn-red,
+.btn-teal,
 .btn-yellow { color: $color-white; }
+.btn-black-light {
+  background: $color-black-light;
+  border-color: $color-black-light;
+}
+.btn-black-light:hover,
+.btn-black-light:active,
+.btn-black-light.active,
+.btn-black-light:focus,
+.btn-black-light[disabled],
+.btn-black-light[disabled]:hover,
+.btn-black-light[disabled]:active,
+.btn-black-light[disabled]:focus,
+.open > .dropdown-toggle.btn.btn-black-light {
+  background: darken($color-black-light, 4%);
+  border-color: darken($color-black-light, 4%);
+}
 .btn-black {
   background: $color-black;
   border-color: $color-black;
@@ -116,6 +137,22 @@ input.btn-block {
   background: darken($color-black, 4%);
   border-color: darken($color-black, 4%);
 }
+.btn-black-dark {
+  background: $color-black-dark;
+  border-color: $color-black-dark;
+}
+.btn-black-dark:hover,
+.btn-black-dark:active,
+.btn-black-dark.active,
+.btn-black-dark:focus,
+.btn-black-dark[disabled],
+.btn-black-dark[disabled]:hover,
+.btn-black-dark[disabled]:active,
+.btn-black-dark[disabled]:focus,
+.open > .dropdown-toggle.btn.btn-black-dark {
+  background: darken($color-black-dark, 4%);
+  border-color: darken($color-black-dark, 4%);
+}
 .btn-blue {
   background: $color-blue;
   border-color: $color-blue;
@@ -196,6 +233,38 @@ input.btn-block {
   background: darken($color-green, 4%);
   border-color: darken($color-green, 4%);
 }
+.btn-indigo {
+  background: $color-indigo;
+  border-color: $color-indigo;
+}
+.btn-indigo:hover,
+.btn-indigo:active,
+.btn-indigo.active,
+.btn-indigo:focus,
+.btn-indigo[disabled],
+.btn-indigo[disabled]:hover,
+.btn-indigo[disabled]:active,
+.btn-indigo[disabled]:focus,
+.open > .dropdown-toggle.btn.btn-indigo {
+  background: darken($color-indigo, 4%);
+  border-color: darken($color-indigo, 4%);
+}
+.btn-lime {
+  background: $color-lime;
+  border-color: $color-lime;
+}
+.btn-lime:hover,
+.btn-lime:active,
+.btn-lime.active,
+.btn-lime:focus,
+.btn-lime[disabled],
+.btn-lime[disabled]:hover,
+.btn-lime[disabled]:active,
+.btn-lime[disabled]:focus,
+.open > .dropdown-toggle.btn.btn-lime {
+  background: darken($color-lime, 4%);
+  border-color: darken($color-lime, 4%);
+}
 .btn-orange {
   background: $color-orange;
   border-color: $color-orange;
@@ -260,6 +329,22 @@ input.btn-block {
   background: darken($color-red, 4%);
   border-color: darken($color-red, 4%);
 }
+.btn-teal {
+  background: $color-teal;
+  border-color: $color-teal;
+}
+.btn-teal:hover,
+.btn-teal:active,
+.btn-teal.active,
+.btn-teal:focus,
+.btn-teal[disabled],
+.btn-teal[disabled]:hover,
+.btn-teal[disabled]:active,
+.btn-teal[disabled]:focus,
+.open > .dropdown-toggle.btn.btn-teal {
+  background: darken($color-teal, 4%);
+  border-color: darken($color-teal, 4%);
+}
 .btn-white {
   background: $color-white;
   border-color: $color-white;
@@ -366,11 +451,21 @@ input.btn-block {
   background: $color-haze;
   color: $color-black;
 }
+.btn-outline.btn-black-light,
+.btn-outline.btn-black-light[disabled],
+.btn-outline.btn-black-light[disabled]:hover,
+.btn-outline.btn-black-light[disabled]:active,
+.btn-outline.btn-black-light[disabled]:focus { color: $color-black-light; }
 .btn-outline.btn-black,
 .btn-outline.btn-black[disabled],
 .btn-outline.btn-black[disabled]:hover,
 .btn-outline.btn-black[disabled]:active,
 .btn-outline.btn-black[disabled]:focus { color: $color-black; }
+.btn-outline.btn-black-dark,
+.btn-outline.btn-black-dark[disabled],
+.btn-outline.btn-black-dark[disabled]:hover,
+.btn-outline.btn-black-dark[disabled]:active,
+.btn-outline.btn-black-dark[disabled]:focus { color: $color-black-dark; }
 .btn-outline.btn-blue,
 .btn-outline.btn-blue[disabled],
 .btn-outline.btn-blue[disabled]:hover,
@@ -396,6 +491,16 @@ input.btn-block {
 .btn-outline.btn-green[disabled]:hover,
 .btn-outline.btn-green[disabled]:active,
 .btn-outline.btn-green[disabled]:focus { color: $color-green; }
+.btn-outline.btn-indigo,
+.btn-outline.btn-indigo[disabled],
+.btn-outline.btn-indigo[disabled]:hover,
+.btn-outline.btn-indigo[disabled]:active,
+.btn-outline.btn-indigo[disabled]:focus { color: $color-indigo; }
+.btn-outline.btn-lime,
+.btn-outline.btn-lime[disabled],
+.btn-outline.btn-lime[disabled]:hover,
+.btn-outline.btn-lime[disabled]:active,
+.btn-outline.btn-lime[disabled]:focus { color: $color-lime; }
 .btn-outline.btn-orange,
 .btn-outline.btn-orange[disabled],
 .btn-outline.btn-orange[disabled]:hover,
@@ -416,6 +521,11 @@ input.btn-block {
 .btn-outline.btn-red[disabled]:hover,
 .btn-outline.btn-red[disabled]:active,
 .btn-outline.btn-red[disabled]:focus { color: $color-red; }
+.btn-outline.btn-teal,
+.btn-outline.btn-teal[disabled],
+.btn-outline.btn-teal[disabled]:hover,
+.btn-outline.btn-teal[disabled]:active,
+.btn-outline.btn-teal[disabled]:focus { color: $color-teal; }
 .btn-outline.btn-white,
 .btn-outline.btn-white[disabled],
 .btn-outline.btn-white[disabled]:hover,
@@ -426,11 +536,21 @@ input.btn-block {
 .btn-outline.btn-yellow[disabled]:hover,
 .btn-outline.btn-yellow[disabled]:active,
 .btn-outline.btn-yellow[disabled]:focus { color: $color-yellow; }
+.btn-outline.btn-black-light:hover,
+.btn-outline.btn-black-light:active,
+.btn-outline.btn-black-light.active,
+.btn-outline.btn-black-light:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-black-light,
 .btn-outline.btn-black:hover,
 .btn-outline.btn-black:active,
 .btn-outline.btn-black.active,
 .btn-outline.btn-black:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-black,
+.btn-outline.btn-black-dark:hover,
+.btn-outline.btn-black-dark:active,
+.btn-outline.btn-black-dark.active,
+.btn-outline.btn-black-dark:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-black-dark,
 .btn-outline.btn-blue:hover,
 .btn-outline.btn-blue:active,
 .btn-outline.btn-blue.active,
@@ -456,6 +576,16 @@ input.btn-block {
 .btn-outline.btn-green.active,
 .btn-outline.btn-green:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-green,
+.btn-outline.btn-indigo:hover,
+.btn-outline.btn-indigo:active,
+.btn-outline.btn-indigo.active,
+.btn-outline.btn-indigo:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-indigo,
+.btn-outline.btn-lime:hover,
+.btn-outline.btn-lime:active,
+.btn-outline.btn-lime.active,
+.btn-outline.btn-lime:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-lime,
 .btn-outline.btn-orange:hover,
 .btn-outline.btn-orange:active,
 .btn-outline.btn-orange.active,
@@ -476,16 +606,31 @@ input.btn-block {
 .btn-outline.btn-red.active,
 .btn-outline.btn-red:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-red,
+.btn-outline.btn-teal:hover,
+.btn-outline.btn-teal:active,
+.btn-outline.btn-teal.active,
+.btn-outline.btn-teal:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-teal,
 .btn-outline.btn-yellow:hover,
 .btn-outline.btn-yellow:active,
 .btn-outline.btn-yellow.active,
 .btn-outline.btn-yellow:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-yellow { color: $color-white; }
+.btn-outline.btn-black-light:hover,
+.btn-outline.btn-black-light:active,
+.btn-outline.btn-black-light.active,
+.btn-outline.btn-black-light:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-black-light { background: darken($color-black-light, 4%); }
 .btn-outline.btn-black:hover,
 .btn-outline.btn-black:active,
 .btn-outline.btn-black.active,
 .btn-outline.btn-black:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-black { background: darken($color-black, 4%); }
+.btn-outline.btn-black-dark:hover,
+.btn-outline.btn-black-dark:active,
+.btn-outline.btn-black-dark.active,
+.btn-outline.btn-black-dark:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-black-dark { background: darken($color-black-dark, 4%); }
 .btn-outline.btn-blue:hover,
 .btn-outline.btn-blue:active,
 .btn-outline.btn-blue.active,
@@ -511,6 +656,16 @@ input.btn-block {
 .btn-outline.btn-green.active,
 .btn-outline.btn-green:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-green { background: darken($color-green, 4%); }
+.btn-outline.btn-indigo:hover,
+.btn-outline.btn-indigo:active,
+.btn-outline.btn-indigo.active,
+.btn-outline.btn-indigo:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-indigo { background: darken($color-indigo, 4%); }
+.btn-outline.btn-lime:hover,
+.btn-outline.btn-lime:active,
+.btn-outline.btn-lime.active,
+.btn-outline.btn-lime:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-lime { background: darken($color-lime, 4%); }
 .btn-outline.btn-orange:hover,
 .btn-outline.btn-orange:active,
 .btn-outline.btn-orange.active,
@@ -531,6 +686,11 @@ input.btn-block {
 .btn-outline.btn-red.active,
 .btn-outline.btn-red:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-red { background: darken($color-red, 4%); }
+.btn-outline.btn-teal:hover,
+.btn-outline.btn-teal:active,
+.btn-outline.btn-teal.active,
+.btn-outline.btn-teal:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-teal { background: darken($color-teal, 4%); }
 .btn-outline.btn-white:hover,
 .btn-outline.btn-white:active,
 .btn-outline.btn-white.active,
@@ -564,7 +724,7 @@ input.btn-block {
   margin-right: 10px;
   margin-left: 0;
 }
-.btn-group > .dropdown-toggle:not(:first-child) { border-left-color: rgba(0,0,0,0.15); }
+.btn-group > .dropdown-toggle:not(:first-child) { border-left-color: rgba(0,0,0,0.075); }
 .btn-group > .btn,
 .btn-group-vertical > .btn {
   border-radius: 0;

data/vendor/assets/stylesheets/_canvas.scss

@@ -30,7 +30,7 @@
   width: calc(100% - 280px);
 }
 .canvas-with-header > .canvas-content,
-.canvas-with-header > .canvas-sidebar { margin-top: 65px; }
+.canvas-with-header > .canvas-sidebar { margin-top: 60px; }
 .canvas-with-footer > .canvas-content { padding-bottom: 90px; }
 .canvas-sidebar {
   max-width: 280px;

data/vendor/assets/stylesheets/_carousel.scss

@@ -117,7 +117,7 @@
 .carousel-indicators > .active {
   background: rgba(0,0,0,0);
   height: 8px;
-  margin: 0;
+  margin: 0 4px;
   width: 8px;
 }
 .carousel-caption {