active_frontend 12.1.8 → 12.1.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f762da1cf9d45520b8aff970c6a93b7e99aaa7ff
-  data.tar.gz: c6be1b215d62e2aa23eb1dfc91db136cd066da43
+  metadata.gz: 4a4daaad9d397cfc7c192f27781a0d8585c0acc5
+  data.tar.gz: 0ec5de76f18ccccce17dcf7229c881f4613bf956
 SHA512:
-  metadata.gz: 4376c96bd7a25c31639ebae59134270e4921d0f3440336c54097309bcf39c48e56700631c2da6d416423f491d4b3562a40cfdde571390d8a3c7622e285e14704
-  data.tar.gz: 62126392877b18a0a6b9491db56b1b82ae60fbf98c36aa2302e8683e2d0e3a2491ecce7a1fa46a99a2d8513b36faa592c2167824108ec846cebe388577c0e2d1
+  metadata.gz: dc6335f1331b060bc4e9c8ace6160391f51c9c2ae30c87f206afb8445bf13c2bf871039567770ee3ade5d1f55a3644b279a77fb60a34bae80990f77c53a6ac69
+  data.tar.gz: a50ffa07b2952fb05fb41830a61b7e768ba01a822888fa16c735e093683c067a2c71234b0b3608c71c5fa1d9e7e3f19a351f0bf07116288ddd9318f7d2ab1ef0

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = "12.1.8"
+  VERSION = "12.1.9"
 end

data/vendor/assets/stylesheets/_header.scss

@@ -79,7 +79,8 @@
   border-bottom: 3px solid $color-transparent;
   box-sizing: border-box;
   display: block;
-  padding: 19px 0 15px 0;
+  height: 60px;
+  padding-top: 24px;
   text-align: center;
   vertical-align: middle;
 }
@@ -93,7 +94,8 @@
   display: inline-block;
   font-size: 22px;
   letter-spacing: 0;
-  vertical-align: middle;
+  margin-top: -5px;
+  vertical-align: top;
 }
 .header-btn-group-label {
   background: $color-primary;
@@ -227,7 +229,7 @@
 }
 .header-primary {
   background: $color-primary;
-  border-color: darken($color-primary, 5%);
+  border-color: darken($color-primary, 10%);
   color: $color-white;
 }
 .header-primary .header-brand > a,

data/vendor/assets/stylesheets/_sidebar.scss

@@ -35,6 +35,7 @@
   line-height: 1;
   padding: 13px 0;
   text-align: center;
+  text-indent: -5px;
   text-transform: uppercase;
   vertical-align: middle;
 }
@@ -43,29 +44,112 @@
   font-size: 32px;
   letter-spacing: 0;
   margin: 0 10px 0 5px;
+  text-indent: 0;
   vertical-align: middle;
 }
 .sidebar-header {
   border-bottom: 1px solid;
   border-color: inherit;
+  box-sizing: border-box;
+  display: table;
   font-size: 12px;
   line-height: 1;
-  padding: 10px;
+  table-layout: fixed;
+  vertical-align: middle;
+  max-width: 100%;
+  width: 100%;
 }
-.sidebar-header > h1,
-.sidebar-header > h2,
-.sidebar-header > h3,
-.sidebar-header > h4,
-.sidebar-header > h5,
-.sidebar-header > h6 {
+.sidebar-header h1,
+.sidebar-header h2,
+.sidebar-header h3,
+.sidebar-header h4,
+.sidebar-header h5,
+.sidebar-header h6,
+.sidebar-header-btn {
+  box-sizing: border-box;
+  display: table-cell;
+  line-height: 1;
+  vertical-align: middle;
+}
+.sidebar-header h1,
+.sidebar-header h2,
+.sidebar-header h3,
+.sidebar-header h4,
+.sidebar-header h5,
+.sidebar-header h6 {
   font-size: 11px;
   font-weight: normal;
   letter-spacing: 1px;
-  line-height: 1;
   margin: 0;
-  padding: 0;
+  padding: 10px;
   text-transform: uppercase;
 }
+.sidebar-header-btn {
+  border-left: 1px solid;
+  border-color: inherit;
+  color: $color-primary;
+  font-size: 18px;
+  padding-top: 2px;
+  text-align: center;
+  width: 33px;
+}
+.sidebar-header-btn:hover,
+.sidebar-header-btn.active,
+.sidebar-header-btn:active,
+.sidebar-header-btn:focus { background: $color-light-haze; }
+.sidebar-navbar {
+  border-collapse: separate;
+  border-bottom: 1px solid;
+  border-color: inherit;
+  box-sizing: border-box;
+  display: table;
+  height: 40px;
+  table-layout: fixed;
+  width: 100%;
+}
+.sidebar-navbar > a {
+  background: $color-light-black;
+  border-right: 1px solid;
+  border-color: inherit;
+  display: table-cell;
+  float: none;
+  font-size: 18px;
+  padding-top: 10px;
+  text-align: center;
+  width: 1%;
+}
+.sidebar-navbar > a:last-child { border: 0; }
+.sidebar-navbar > a:hover,
+.sidebar-navbar > a.active,
+.sidebar-navbar > a:active,
+.sidebar-navbar > a:focus {
+  background: $color-transparent;
+  color: $color-primary;
+}
+.sidebar-form {
+  border-bottom: 1px solid;
+  border-color: inherit;
+  padding: 10px;
+}
+.sidebar-form button,
+.sidebar-form input,
+.sidebar-form select,
+.sidebar-form textarea,
+.sidebar-form .form-select,
+.sidebar-form .form-input-group,
+.sidebar-form .form-file-group {
+  float: none;
+  margin: 0 !important;
+}
+.sidebar-form-mesh input,
+.sidebar-form-mesh select,
+.sidebar-form-mesh textarea, {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+  border-radius: 0;
+  margin: 0;
+}
 .sidebar-content {
   border-color: inherit;
   box-sizing: border-box;
@@ -91,10 +175,18 @@
   border-color: $color-dark-black !important;
   color: $color-white;
 }
+.sidebar-dark .sidebar-header-btn:hover,
+.sidebar-dark .sidebar-header-btn.active,
+.sidebar-dark .sidebar-header-btn:active,
+.sidebar-dark .sidebar-header-btn:focus { background: $color-light-black; }
 .sidebar-light {
   background: $color-light-haze;
   border-color: $color-dark-haze !important;
 }
+.sidebar-light .sidebar-header-btn:hover,
+.sidebar-light .sidebar-header-btn.active,
+.sidebar-light .sidebar-header-btn:active,
+.sidebar-light .sidebar-header-btn:focus { background: $color-haze; }
 
 /* # Media Queries
 ================================================== */
@@ -121,12 +213,20 @@ only screen and (        min-device-pixel-ratio: 2),
 only screen and (                min-resolution: 192dpi),
 only screen and (                min-resolution: 2dppx) {
   .sidebar,
+  .sidebar-title,
   .sidebar-header,
+  .sidebar-header-btn,
+  .sidebar-navbar,
+  .sidebar-navbar > a,
+  .sidebar-form,
+  .sidebar-form-mesh input,
+  .sidebar-form-mesh select,
+  .sidebar-form-mesh textarea,
   .sidebar-scrollable { border-width: 0.5px; }
-  .sidebar-header > h1,
-  .sidebar-header > h2,
-  .sidebar-header > h3,
-  .sidebar-header > h4,
-  .sidebar-header > h5,
-  .sidebar-header > h6 { letter-spacing: 0.5px; }
+  .sidebar-header h1,
+  .sidebar-header h2,
+  .sidebar-header h3,
+  .sidebar-header h4,
+  .sidebar-header h5,
+  .sidebar-header h6 { letter-spacing: 0.5px; }
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 12.1.8
+  version: 12.1.9
 platform: ruby
 authors:
 - Juan Gomez