active_frontend 16.0.24 → 16.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0dfad889519571b9f47ff593b74a4ca9899f7099d0543455482c6cbf4ff869fd
-  data.tar.gz: 0bc29cf49831c3684c3aeddc8b6b2c85cab95c56a847467ff1550f0d01f65b49
+  metadata.gz: 129f26b03debfac3fdd9005f51be4bad03a7f2a2e971d3bdf3c1ff824c65306f
+  data.tar.gz: 0d84c24ea36e51ca3d731ffff800c556b4439d4a7381dbeeab2ad4fd1573cfd5
 SHA512:
-  metadata.gz: c8e75905644aa9bf827e8e88bab544c57f9f6ab272939714cb899aa129b5cd09cc740a08d6579ceadf44e76eec99ceca9b01bd49ce876fd617d8520aef4395c2
-  data.tar.gz: 34d49cf104fa3e10f83418752f6bcabb80e14537073174e480813f8f31d7be12daed2cc545af303e24eac73304e78e1543ff0e5686f08f88a6ee2b5628d1b72b
+  metadata.gz: 67050feaa4afc07a34546c01d9a96defef927c4e15f910bb9dac616db1359ee569c9ba02a604aa1ec5b2e5cd0dc57d21ddaf70e15d39448a029ca9600126150d
+  data.tar.gz: 490698ebfdfbdf58d6a0d187ae3f235d17c8b6c2ec6a882ed886600467a45e68e62ead5958c86c6c828d8127de95c05703e58a9f1a0859fffb74a589c667d9b5

data/lib/active_frontend/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ActiveFrontend
-  VERSION ||= '16.0.24'
+  VERSION ||= '16.1.0'
 end

data/vendor/assets/javascripts/base/_layout.js

@@ -47,6 +47,9 @@
 
       if (target.hasClass('hidden') || target.is(':hidden') || target.css('visibility') === 'hidden') {
         toggle = 'in';
+        _self.$element.addClass('active');
+      } else {
+        _self.$element.removeClass('active');
       }
 
       var effect = options.effect + '-' + toggle + '-' + options.direction;

data/vendor/assets/stylesheets/_variable.scss

@@ -99,7 +99,8 @@ $common-box-shadows: (
   xl: 10px,
   l: 6px,
   m: 4px,
-  b: 2px
+  b: 2px,
+  n: 0
 );
 $common-margins-and-paddings: (
   xxxl: 100px,
@@ -171,7 +172,7 @@ $font-spaces: (
   xl: 6px,
   l: 2px,
   m: 1px,
-  b: 0,
+  b: -0.4px,
   s: -1px,
   xs: -2px
 );

data/vendor/assets/stylesheets/blocks/_form.scss

@@ -47,6 +47,7 @@ textarea,
   border: 1px solid color(haze);
   border-radius: border-radius(b);
   box-sizing: border-box;
+  box-shadow: 0 0 3px darkish-color(haze);
   display: block;
   line-height: 1;
   margin-bottom: 10px;
@@ -71,11 +72,15 @@ textarea,
     &:invalid,
     &.invalid { border-color: color(red); }
 
-    &.without-border { border-color: color(transparent); }
+    &.without-border {
+      border-color: color(transparent);
+      box-shadow: none;
+    }
   }
 
   &.dark {
     background: color(light-slate);
+    box-shadow: 0 0 3px darkish-color(dark-slate);
     color: color(white);
 
     &[disabled] { background: color(slate); }
@@ -333,6 +338,7 @@ textarea {
   border: 1px solid;
   border-color: color(haze);
   border-radius: border-radius(b);
+  box-shadow: 0 0 3px darkish-color(haze);
   display: inline-block;
   height: 18px;
   line-height: 18px;
@@ -400,6 +406,8 @@ textarea {
   }
   &.form-align-vertical { vertical-align: middle; }
   &.dark {
+    box-shadow: 0 0 3px darkish-color(slate);
+
     label {
       background: color(light-slate);
 
@@ -448,6 +456,7 @@ textarea {
   input:focus {
     background: color(transparent);
     border: 0;
+    box-shadow: none;
     display: inline-block;
     outline: none;
     margin: 0;
@@ -574,6 +583,7 @@ textarea {
   .form-addon {
     border-style: solid;
     border-width: 1px;
+    box-shadow: 0 0 3px darkish-color(haze);
     line-height: 1;
     min-width: 44px;
     padding: 0 10px;
@@ -586,7 +596,10 @@ textarea {
       margin-top: -2px;
     }
 
-    &.dark { border-color: color(dark-slate); }
+    &.dark {
+      border-color: color(dark-slate);
+      box-shadow: 0 0 3px darkish-color(dark-slate);
+    }
     &.with-addon-btn {
       border: 0;
       min-width: auto;

data/vendor/assets/stylesheets/blocks/_reset.scss

@@ -175,7 +175,7 @@ body {
   font-size: text-size(b);
   font-variant: normal;
   font-weight: text-weight(semilight);
-  letter-spacing: 0;
+  letter-spacing: -0.4px;
   line-height: text-line-height(b);
   text-align: left;
   text-decoration: none;

data/vendor/assets/stylesheets/blocks/_typography.scss

@@ -187,7 +187,8 @@ sup { vertical-align: text-top; }
       &:focus { color: $color; }
     }
     .text-color-active-#{$name} {
-      &:active { color: $color; }
+      &:active,
+      &.active { color: $color; }
     }
   }
 }

data/vendor/assets/stylesheets/components/_header.scss

@@ -12,9 +12,9 @@
   border-bottom: 1px solid color(transparent);
   box-sizing: border-box;
   color: color(white);
-  height: 76px;
+  height: 64px;
   line-height: 1;
-  padding: 18px 0;
+  padding: 12px 0 0;
 
   &.absolute,
   &.fixed { z-index: 1040; }
@@ -65,7 +65,7 @@
 }
 .header-brand-label { margin: 8px 0 0 10px; }
 .header-search {
-  margin-top: -3px;
+  margin-top: -2.5px;
   width: 260px;
 
   input { margin-bottom: 0; }
@@ -105,7 +105,7 @@
       }
     }
 
-    .btn { margin-top: -14px; }
+    .btn { margin-top: -13.5px; }
   }
 }
 .header-user {

data/vendor/assets/stylesheets/components/_layout.scss

@@ -18,8 +18,8 @@
   overflow-y: auto;
 
   &.with-sticky-header {
-    height: calc(100% - 76px);
-    margin-top: 76px;
+    height: calc(100% - 64px);
+    margin-top: 64px;
   }
 }
 .layout-body { width: 100%; }
@@ -63,6 +63,8 @@
     height: initial;
     min-height: 100%;
     margin: 0;
+    max-width: 100%;
+    width: 100%;
 
     &.with-sticky-header {
       margin: 0;
@@ -78,11 +80,10 @@
     }
   }
   .layout-sidebar {
-    max-width: 300px;
-    width: 75%;
-
-    &.with-sticky-header { height: 100%; }
-    &:not(.hidden) + .layout-body { width: calc(100% - 260px); }
-    &.fixed + .layout-body { width: 100%; }
+    &.with-sticky-header {
+      height: calc(100% - 54px);
+      margin-top: 54px;
+      min-height: calc(100% - 54px);
+    }
   }
 }

data/vendor/assets/stylesheets/components/_navbar.scss

@@ -27,21 +27,14 @@
     vertical-align: middle;
     width: 1%;
 
-    @if ($pseudo-elements) {
+    &.primary {
+      color: text-color-on(primary);
+      background: color(primary);
+
       &:hover,
       &.active,
       &:active,
-      &:focus { color: color(primary); }
-
-      &.primary {
-        &:hover,
-        &.active,
-        &:active,
-        &:focus {
-          background: color(primary);
-          color: text-color-on(primary);
-        }
-      }
+      &:focus { background: darkish-color(primary); }
     }
 
     > i {

data/vendor/assets/stylesheets/components/_switch.scss

@@ -10,6 +10,7 @@
   border: 1px solid;
   border-color: color(haze);
   border-radius: border-radius(xl);
+  box-shadow: 0 0 3px darkish-color(haze);
   cursor: pointer;
   display: inline-block;
   height: 28px;
@@ -88,6 +89,8 @@
     * { cursor: not-allowed; }
   }
   &.dark {
+    box-shadow: 0 0 3px darkish-color(dark-slate);
+
     .switch-handle { background: color(light-slate); }
   }
   &.light {

data/vendor/assets/stylesheets/components/_wysiwyg.scss

@@ -82,6 +82,7 @@
 // ==================================================
 .wysiwyg-editor {
   position: relative;
+  box-shadow: 0 0 3px darkish-color(haze);
 
   .wysiwyg-dropzone {
     background: transparentize(color(white), 0.15);

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 16.0.24
+  version: 16.1.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2018-04-10 00:00:00.000000000 Z
+date: 2018-04-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails