viniBaxter-desk_front 35.0.0 → 36.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: df9ea4aa152af6c49ca4b6b82cb5e657d315b41ec522cb74a79f0b96f70df3cb
-  data.tar.gz: c3bbe5c42fe5deae27a6fef1409c3529d75a7c8d8709ebdc4f609ad5cac7e263
+  metadata.gz: 724e772abbcac08c4077793506716898bfaa514f44a2d213b5299ff7887c1e64
+  data.tar.gz: 93ce78836b13b440b751abf838f37aca805c36f8b0513811f84cdb37c4bd8c66
 SHA512:
-  metadata.gz: 97d981fdc402f620f8690f194cf819bed0620a7adbbf76dacd5397829488ed821f5389ca79de35c61645e0a3e7e75dea10a831952557ac2fbb0bf3d6403b924f
-  data.tar.gz: ec381a28d24ee0d757435674ca05686ceae345a79d8a747c1336c3f0642bb0784a5a48b6ef23b35a9789cb8eabf12d956a9020c97591432d49ed30e2561710c3
+  metadata.gz: 1d9dbededd8d366189108e0a8249da529a9246d8df1f88b4501c2df3b0fad2590a547a41c193a46caf4c9f2b5b3f162f56dfb060c86c7dd34cd835d4afb21f45
+  data.tar.gz: 28b3fa93d3348ecffe09754f8480b969e58035b36371af4039f4ba52bbdd6502f2a3e0f75bfff4a23bfd3127790a26aa40ddc1921259d88b219c06be0fbac67f

data/lib/viniBaxter/desk_front/version.rb

@@ -1,6 +1,6 @@
 module ViniBaxter
   module DeskFront
-    MAJOR = 35
+    MAJOR = 36
     MINOR = 0
     TINY = 0
     # PRE = "alpha"

data/lib/viniBaxter/sass/desk_front.scss

@@ -1,4 +1,3 @@
-
 // bootstrap
 @import 'desk_front/bootstrap/bootstrap';
 

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/_mixins.scss

@@ -15,4 +15,4 @@
 @import 'mixins/popovers';
 @import 'mixins/vendor-prefixes';
 @import 'mixins/wizard';
-@import 'mixins/blur'
+@import 'mixins/blur';

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_avatar.scss

@@ -11,6 +11,21 @@
   width: $avatar-size-base;
   height: $avatar-size-base;
   font-size: $avatar-size-base / 3;
+  cursor: pointer;
+
+  &.avatar-xxl.avatar-dashboard-choice {
+    width: 8rem;
+    height: 4rem;
+
+    .active {
+      border: 2px solid $black-states !important;
+    }
+
+    :hover {
+      border: 1px solid lighten($black-states, 50%);
+    }
+  }
+
 
   // Loads mask images so they don't lag on hover
 
@@ -142,6 +157,7 @@
   width: $avatar-size-xxl * 4 / 3;
 }
 
+
 // Group
 
 .avatar-group {
@@ -149,27 +165,27 @@
 
   // Shift every next avatar left
 
-  .avatar + .avatar {
+  .avatar+.avatar {
     margin-left: -$avatar-size-base / 4;
   }
 
-  .avatar-xs + .avatar-xs {
+  .avatar-xs+.avatar-xs {
     margin-left: -$avatar-size-xs / 4;
   }
 
-  .avatar-sm + .avatar-sm {
+  .avatar-sm+.avatar-sm {
     margin-left: -$avatar-size-sm / 4;
   }
 
-  .avatar-lg + .avatar-lg {
+  .avatar-lg+.avatar-lg {
     margin-left: -$avatar-size-lg / 4;
   }
 
-  .avatar-xl + .avatar-xl {
+  .avatar-xl+.avatar-xl {
     margin-left: -$avatar-size-xl / 4;
   }
 
-  .avatar-xxl + .avatar-xxl {
+  .avatar-xxl+.avatar-xxl {
     margin-left: -$avatar-size-xxl / 4;
   }
 
@@ -186,7 +202,7 @@
     mask-image: none;
     z-index: 1;
 
-    + .avatar {
+    +.avatar {
       mask-image: url(image-path('desk_front/avatar-group-hover.svg'));
       mask-size: 100% 100%;
 
@@ -195,4 +211,4 @@
       }
     }
   }
-}
+}

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_custom-dashboard-ui.scss

@@ -20,7 +20,8 @@
         }
 
         &[value='grey'] {
-            @include linear-gradient($gray-200, $gray-400);
+            @include linear-gradient($light, $light);
+            border: 2px dashed $gray-300;
         }
 
         &[value='primary'] {
@@ -48,7 +49,7 @@
         }
 
         &.active {
-            border: 4px solid $black-states !important;
+            border: 2px solid $black-states !important;
         }
 
     }

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup-normal.scss

@@ -1,6 +1,5 @@
-@mixin nav-setup-normal($color) {
+@mixin nav-setup-normal($color, $nav-style, $yiq-text-color) {
   .nav {
-    // margin-top: 20px;
     display: block;
 
     .caret {
@@ -20,34 +19,27 @@
       }
 
       >a {
-        //  change 🤍
-        // border-radius: $btn-round-radius;
-        // color: $color;
-        // display: block;
-        // text-decoration: none;
-        // position: relative;
-        // text-transform: uppercase;
-        // cursor: pointer;
-        // font-size: $font-size-sm !important;
-        // padding: 3px 8px;
-        // line-height: $line-height-lg;
-
         margin: 10px 15px 0;
         border-radius: $btn-round-radius;
-        color: $color;
+
+        @if($nav-style=='normal') {
+          color: $color !important;
+        }
+
+        @if($nav-style=='grey') {
+          color: $yiq-text-color !important;
+        }
+
         display: block;
         text-decoration: none;
         position: relative;
         text-transform: uppercase;
         cursor: pointer;
         font-size: $font-size-sm !important;
-        padding: 2px 8px;
         line-height: $line-height-lg;
-
-
+        padding: 2px 8px;
       }
 
-      //  change 🤍
       &:first-child>a {
         margin: 0 15px;
       }
@@ -75,7 +67,7 @@
 
         i,
         p {
-          color: white;
+          color: $yiq-text-color;
         }
 
         //  change 🤍
@@ -153,7 +145,15 @@
       line-height: 30px;
       width: 34px;
       text-align: center;
-      color: $opacity-8;
+
+      @if($nav-style=='normal') {
+        color: $opacity-8;
+      }
+
+      @if($nav-style=='grey') {
+        @include text-opacity($yiq-text-color, 0.8)
+      }
+
       position: relative;
     }
   }

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup-ntf.scss

@@ -1,11 +1,6 @@
 @mixin nav-setup-ntf($color) {
   .nav {
-    // margin-top: 20px;
     display: block;
-    // display: flex !important;
-    // flex-direction: column;
-    // height: 60%;
-    // justify-content: space-around;
 
     .caret {
       top: 14px;
@@ -24,7 +19,6 @@
       }
 
       >a {
-        //  change 🤍
         margin: 0px 5px;
         padding: 7px 5px 7px 12px;
         border-radius: $btn-round-radius;
@@ -38,7 +32,6 @@
         line-height: $line-height-lg;
       }
 
-      //  change 🤍
       &:first-child>a {
         margin: 0px 5px;
         padding: 7px 5px 7px 12px;

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup.scss

@@ -1,6 +1,10 @@
-@mixin nav-setup($color, $nav-style) {
+@mixin nav-setup($color, $nav-style, $yiq-text-color) {
   @if ($nav-style=='normal') {
-    @include nav-setup-normal($color);
+    @include nav-setup-normal($color, $nav-style, $yiq-text-color);
+  }
+
+  @if ($nav-style=='grey') {
+    @include nav-setup-normal($color, $nav-style, $yiq-text-color);
   }
 
   @if ($nav-style=='ntf') {

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_opacity.scss

@@ -6,3 +6,7 @@
   $opacity-ie: ($opacity * 100);
   filter: #{alpha(opacity=$opacity-ie)};
 }
+
+@mixin text-opacity($color, $opacity) {
+  color: rgba($color, $opacity);
+}

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_navbar.scss

@@ -34,6 +34,7 @@
     margin: 0 5px 0 10px;
   }
 
+  &.fixed-top,
   &.navbar-absolute {
     position: absolute;
     z-index: 1050;

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_sidebar-and-main-panel.scss

@@ -135,10 +135,10 @@
     }
   }
 
-  @include nav-setup($white, 'normal');
+
 
   &.sidebar-dashboard-light {
-    @include nav-setup($nft-dark, 'ntf');
+    @include nav-setup($nft-dark, 'ntf', nil);
   }
 
   .sidebar-background {
@@ -227,22 +227,25 @@
     }
   }
 
+  // background color sidenav
   &[data='dark'] {
-    @include linear-gradient($default-states, $dark);
+    @include nav-setup($white, 'normal', $white);
+    @include linear-gradient($default-states, $nft-dark);
 
     &:before {
-      border-bottom-color: $dark;
+      border-bottom-color: $nft-dark;
     }
 
     &:not(.sidebar-dashboard-light):not(.sidebar-not-hoverable) {
       &:before {
-        @include caret-color($dark);
+        @include caret-color($nft-dark);
       }
     }
   }
 
   &[data='grey'] {
-    @include linear-gradient($gray-200, $gray-400);
+    @include nav-setup($nft-dark, 'grey', $nft-dark);
+    box-shadow: none !important;
 
     &:before {
       border-bottom-color: $gray-200;
@@ -255,8 +258,8 @@
     }
   }
 
-
   &[data='primary'] {
+    @include nav-setup($white, 'normal', $white);
     @include linear-gradient($primary-states, $primary);
 
     &:before {
@@ -272,6 +275,7 @@
 
 
   &[data='blue'] {
+    @include nav-setup($white, 'normal', $white);
     @include linear-gradient($info-states, $info);
 
     &:before {
@@ -286,6 +290,7 @@
   }
 
   &[data='green'] {
+    @include nav-setup($white, 'normal', $white);
     @include linear-gradient($success-states, $success);
 
     &:before {
@@ -300,6 +305,7 @@
   }
 
   &[data='orange'] {
+    @include nav-setup($white, 'normal', $white);
     @include linear-gradient($warning-states, $warning);
 
     &:before {
@@ -314,6 +320,7 @@
   }
 
   &[data='red'] {
+    @include nav-setup($white, 'normal', $white);
     @include linear-gradient($danger-states, $danger);
 
     &:before {
@@ -328,12 +335,6 @@
   }
 
 
-
-
-  // &[data='light'] {
-  //   // background-color: #fff !important;
-  // }
-
   .user {
     padding-bottom: 20px;
     margin: 20px auto 0;
@@ -434,10 +435,10 @@
   @include transitions(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));
 
   &[data='dark'] {
-    border-top: 2px solid $dark;
+    border-top: 2px solid $nft-dark;
 
     .fixed-top {
-      border-top: 2px solid $dark;
+      border-top: 2px solid $nft-dark;
     }
   }
 
@@ -507,7 +508,7 @@
       border-top: 2px solid $nft-dark;
 
       .fixed-top {
-        border-top: 2px solid $nft-dark;
+        border-top: 0px solid $nft-dark;
       }
 
       .v2lrf-by-nucleo {
@@ -528,24 +529,72 @@
         background-color: $nft-white;
 
         @include media-breakpoint-up(xl) {
-          height: $max-heigh-value-1NTF;
-          overflow-y: scroll;
-          background-image: url($url-backgroud-1NTF);
-          background-repeat: repeat;
-          background-size: inherit;
-          padding: 20px;
-          border: 1px solid rgba(255, 255, 255, 0.5);
-          transition: all 0.3s linear;
-          box-shadow: $box-shadow-1NTF;
-          border-radius: $border-radius-1NTF;
-          z-index: 1041;
-          position: relative;
-          box-shadow: 1px 0px 20px #292b3917,
-            0 0px 1px #292b391c;
+          &.inser-shadow {
+            position: sticky !important;
+            top: 100px !important;
+            z-index: 1030 !important;
+            box-shadow: $box-inset-shadow-1NTF !important;
+            border: 3px solid white;
+            border-right: 0px;
+            transition: all 0.3s linear;
+            border-radius: $border-radius-1NTF;
+            padding: 20px;
+
+            .table-striped tbody tr:nth-of-type(even) {
+              background-color: #fbfbfb00 !important;
+            }
+
+            .table {
+              background-color: #ffffff00 !important;
+            }
+
+            .card {
+              background-color: #ffffff00 !important;
+            }
+
+            @if $max-heigh-1NTF {
+              height: $max-heigh-value-1NTF;
+              overflow-y: scroll;
+            }
+
+            @if $enable-backgroud-for-1NTF {
+              background-image: url($url-backgroud-1NTF);
+              background-repeat: repeat;
+              background-size: inherit;
+            }
+          }
+
+          &.ouset-shadow {
+            position: relative;
+            z-index: 1041 !important;
+            box-shadow: $box-outset-shadow-1NTF;
+            border: 3px solid white;
+            border-right: 0px;
+            transition: all 0.3s linear;
+            border-radius: $border-radius-1NTF;
+            padding: 20px;
+
+            @if $max-heigh-1NTF {
+              height: $max-heigh-value-1NTF;
+              overflow-y: scroll;
+            }
+
+            @if $enable-backgroud-for-1NTF {
+              background-image: url($url-backgroud-1NTF);
+              background-repeat: repeat;
+              background-size: inherit;
+            }
+          }
+
+          &.no-shadow {}
+
+          min-height: $max-heigh-value-1NTF;
+          z-index: 200;
+
+
+
 
-          @if $max-heigh-1NTF {}
 
-          @if $enable-backgroud-for-1NTF {}
 
           // backdrop-filter: saturate(101.8%) blur(7px) !important;
           // background-color: rgba(255, 255, 255, 0.9) !important;

data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_white-content.scss

@@ -49,9 +49,9 @@
     box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1),
       0 4px 20px 0 rgba(0, 0, 0, 0.15);
 
-    p {
-      color: $opacity-8;
-    }
+    // p {
+    //   color: $opacity-8;
+    // }
 
     &.sidebar-dashboard-light {
       box-shadow: none !important;
@@ -90,6 +90,6 @@
   }
 
   .main-panel {
-    background: $nft-white;
+    background: $gray-100;
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: viniBaxter-desk_front
 version: !ruby/object:Gem::Version
-  version: 35.0.0
+  version: 36.0.0
 platform: ruby
 authors:
 - viny baxter
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2021-04-10 00:00:00.000000000 Z
+date: 2021-04-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler