viniBaxter-desk_front 32.0.0 → 33.0.0

data/lib/viniBaxter/sass/desk_front/{beckyBaxter → v2lrf-dashboard}/mixins/_nav-setup-normal.scss

@@ -10,17 +10,29 @@
     }
 
     li {
-      > a + div .nav {
+      >a+div .nav {
         margin-top: 5px;
-        li > a {
+
+        li>a {
           margin-top: 0px;
           padding: 2px 8px;
         }
       }
 
-      > a {
+      >a {
         //  change 🤍
-        margin: 2px 15px 0;
+        // 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;
         display: block;
@@ -29,52 +41,58 @@
         text-transform: uppercase;
         cursor: pointer;
         font-size: $font-size-sm !important;
-        padding: 3px 8px;
+        padding: 2px 8px;
         line-height: $line-height-lg;
+
+
       }
+
       //  change 🤍
-      &:first-child > a {
+      &:first-child>a {
         margin: 0 15px;
       }
 
-      &:last-child > a {
+      &:last-child>a {
         margin: 0 15px;
       }
 
-      &:hover:not(.active) > a,
-      &:focus:not(.active) > a {
+      &:hover:not(.active)>a,
+      &:focus:not(.active)>a {
+
         p,
         i {
           color: $color;
         }
       }
 
-      &:hover:not(.active) > a i,
-      &:focus:not(.active) > a i {
+      &:hover:not(.active)>a i,
+      &:focus:not(.active)>a i {
         color: $color;
       }
 
-      &.active > a:not([data-toggle='collapse']) {
+      &.active>a:not([data-toggle='collapse']) {
         background: transparent;
 
         i,
         p {
           color: white;
         }
+
         //  change 🤍
         &:before {
+
           content: ' ';
           position: absolute;
-          height: 6px;
+          height: 100%;
           width: 6px;
-          top: 11px;
-          left: -4px;
+          top: 0px;
+          left: -10px;
           background: $color;
-          border-radius: 50%;
+          border-radius: 5px;
         }
       }
 
-      &.active > a[data-toggle='collapse'] {
+      &.active>a[data-toggle='collapse'] {
         background: transparent;
         box-shadow: none;
         color: $color;
@@ -83,13 +101,15 @@
           color: $color;
         }
 
-        & + div .nav .active a {
+        &+div .nav .active a {
           box-shadow: none;
+
           .sidebar-mini-icon,
           .sidebar-normal {
             color: $color;
             font-weight: $font-weight-normal;
           }
+
           //  change 🤍
           &:before {
             content: ' ';
@@ -102,6 +122,7 @@
             border-radius: 50%;
           }
         }
+
         &:before {
           content: ' ';
           position: absolute;
@@ -136,4 +157,4 @@
       position: relative;
     }
   }
-}
+}

data/lib/viniBaxter/sass/desk_front/{beckyBaxter → v2lrf-dashboard}/mixins/_nav-setup-ntf.scss

@@ -2,6 +2,10 @@
   .nav {
     // margin-top: 20px;
     display: block;
+    // display: flex !important;
+    // flex-direction: column;
+    // height: 60%;
+    // justify-content: space-around;
 
     .caret {
       top: 14px;
@@ -10,18 +14,19 @@
     }
 
     li {
-      > a + div .nav {
+      >a+div .nav {
         margin-top: 5px;
-        li > a {
+
+        li>a {
           margin-top: 0px;
           padding: 2px 8px;
         }
       }
 
-      > a {
+      >a {
         //  change 🤍
         margin: 0px 5px;
-        padding: 7px 5px;
+        padding: 7px 5px 7px 12px;
         border-radius: $btn-round-radius;
         color: $color;
         display: block;
@@ -32,31 +37,33 @@
         font-size: $font-size-sm !important;
         line-height: $line-height-lg;
       }
+
       //  change 🤍
-      &:first-child > a {
+      &:first-child>a {
         margin: 0px 5px;
-        padding: 7px 5px;
+        padding: 7px 5px 7px 12px;
       }
 
-      &:last-child > a {
+      &:last-child>a {
         margin: 0px 5px;
-        padding: 7px 5px;
+        padding: 7px 5px 7px 12px;
       }
 
-      &:hover:not(.active) > a,
-      &:focus:not(.active) > a {
+      &:hover:not(.active)>a,
+      &:focus:not(.active)>a {
+
         p,
         i {
           color: $color;
         }
       }
 
-      &:hover:not(.active) > a i,
-      &:focus:not(.active) > a i {
+      &:hover:not(.active)>a i,
+      &:focus:not(.active)>a i {
         color: $color;
       }
 
-      &.active > a:not([data-toggle='collapse']) {
+      &.active>a:not([data-toggle='collapse']) {
         background: transparent;
 
         i {
@@ -66,6 +73,7 @@
         p {
           color: $color;
         }
+
         //  change 🤍
         //  this is simple link 🤍
         &:before {
@@ -80,7 +88,7 @@
         }
       }
 
-      &.active > a[data-toggle='collapse'] {
+      &.active>a[data-toggle='collapse'] {
         background: transparent;
         box-shadow: none;
         color: $color;
@@ -89,8 +97,9 @@
           color: $color;
         }
 
-        & + div .nav .active a {
+        &+div .nav .active a {
           box-shadow: none;
+
           .sidebar-mini-icon,
           .sidebar-normal {
             color: $color;
@@ -108,6 +117,7 @@
             border-radius: 50%;
           }
         }
+
         //  this is sub menu toggle 🤍
         &:before {
           content: ' ';
@@ -143,4 +153,4 @@
       position: relative;
     }
   }
-}
+}

data/lib/viniBaxter/sass/desk_front/{beckyBaxter → v2lrf-dashboard}/new_nav/_navbar.scss

@@ -1,6 +1,6 @@
 .navbar {
   width: 100%;
-  z-index: 1050;
+  z-index: 1039;
   background: $navbar-color;
 
   .photo {
@@ -129,15 +129,22 @@
   opacity: 0;
   transition: 0.2s ease;
 
+
+
   button {
     i {
       font-size: 20px;
     }
   }
+
+  .btn-just-icon {
+    cursor: pointer;
+    color: $nft-dark !important
+  }
 }
 
 .notification {
-  background: $danger;
+  background: $nft-purple;
   color: $white;
   border-radius: $border-radius-xl;
   height: 20px;
@@ -147,8 +154,8 @@
   font-size: 12px;
   font-weight: 800;
   top: 5px;
-  right: 15px;
-  border: 1px solid $danger;
+  right: 5px;
+  border: 1px solid $nft-purple;
 }
 
 .navbar-nav li {

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

@@ -2,6 +2,7 @@
   position: relative;
   top: 0;
   height: 100vh;
+  overflow-x: hidden;
 
   &.wrapper-full-page {
     min-height: 100vh;
@@ -40,6 +41,10 @@
     position: relative;
     overflow: auto;
 
+    // &.sidebar-wrapper-light{
+    //   min-height: 100%;
+    // }
+
     .dropdown .dropdown-backdrop {
       display: none !important;
     }
@@ -215,6 +220,10 @@
       line-height: 30px;
       overflow: hidden;
     }
+
+    &.hidden-if-dashboard-light {
+      display: none !important;
+    }
   }
 
   .logo-tim {
@@ -239,7 +248,7 @@
       border-bottom-color: $info;
     }
 
-    &:not(.sidebar-dashboard-light) {
+    &:not(.sidebar-dashboard-light):not(.sidebar-not-hoverable) {
       &:before {
         @include caret-color($info);
       }
@@ -253,7 +262,7 @@
       border-bottom-color: $success;
     }
 
-    &:not(.sidebar-dashboard-light) {
+    &:not(.sidebar-dashboard-light):not(.sidebar-not-hoverable) {
       &:before {
         @include caret-color($success);
       }
@@ -267,7 +276,7 @@
       border-bottom-color: $warning;
     }
 
-    &:not(.sidebar-dashboard-light) {
+    &:not(.sidebar-dashboard-light):not(.sidebar-not-hoverable) {
       &:before {
         @include caret-color($warning);
       }
@@ -281,7 +290,7 @@
       border-bottom-color: $danger;
     }
 
-    &:not(.sidebar-dashboard-light) {
+    &:not(.sidebar-dashboard-light):not(.sidebar-not-hoverable) {
       &:before {
         @include caret-color($danger);
       }
@@ -451,42 +460,58 @@
       .fixed-top {
         border-top: 2px solid $nft-dark;
       }
+
+      .v2lrf-by-nucleo {
+        color: $nft-dark !important
+      }
     }
 
     >.content {
-      padding: 80px 0px 30px 230px;
-      min-height: calc(100vh - 70px);
+      padding: 60px 0px 30px 230px;
 
+      @include media-breakpoint-up(xl) {
+        padding: 80px 0px 30px 230px;
+        // min-height: calc(100vh - 70px);
+        min-height: 100vh;
+      }
 
       .main-content-light {
         background-color: $nft-white;
 
-        // @include media-breakpoint-up(xl) {
-        //   border-radius: 30px 0px 0px 30px;
-        //   box-shadow: $material-shadow4;
-        //   max-height: calc(100vh - 15vh) !important;
-        //   position: fixed;
-        //   // width: 90%;
-        //   overflow-y: scroll;
-        //   overflow-x: hidden;
-        //   // background-image: url('https://cdn.dribbble.com/users/59947/screenshots/15084962/media/a57deba0874f256ddefdc17d39155385.jpg');
-        //   // background-image: url('https://vbaxt-fixed-assets.ams3.cdn.digitaloceanspaces.com/FIXED_for_all/images/dashboard-spafolly.jpg');
-        //   // background-image: url('https://vbaxt-fixed-assets.ams3.cdn.digitaloceanspaces.com/FIXED_for_all/patterns/topography5.svg');
-        //   // background-repeat: repeat;
-        //   // background-size: contain;
-
-        //   // padding: 20px;
-        //   &:before {
-        //     // content: '';
-        //     width: 100%;
-        //     height: 80%;
-        //     position: absolute;
-        //     opacity: 0.3;
-        //     border-radius: 30px 0px 0px 30px;
-        //     overflow: hidden;
-        //     background-image: url('https://cdn.dribbble.com/users/3060738/screenshots/12765413/media/bf83f45bf3c1d6679bc39ff62b5e0f20.jpg');
-        //   }
-        // }
+        @include media-breakpoint-up(xl) {
+          //   border-radius: 30px 0px 0px 30px;
+          //   box-shadow: $material-shadow4;
+          // min-height: calc(100vh - 15vh);
+          height: 80vh !important;
+          //   position: fixed;
+          //   // width: 90%;
+          overflow-y: scroll;
+          //   overflow-x: hidden;
+          //   // background-image: url('https://cdn.dribbble.com/users/59947/screenshots/15084962/media/a57deba0874f256ddefdc17d39155385.jpg');
+          //   // background-image: url('https://vbaxt-fixed-assets.ams3.cdn.digitaloceanspaces.com/FIXED_for_all/images/dashboard-spafolly.jpg');
+          background-image: url('https://vbaxt-fixed-assets.ams3.cdn.digitaloceanspaces.com/FIXED_for_all/patterns/topography8.svg');
+          background-repeat: repeat;
+          background-size: inherit;
+
+          padding: 20px;
+          border: 1px solid rgba(255, 255, 255, 0.5);
+          transition: all 0.3s linear;
+          box-shadow: 3px 3px 25px 0px #bbcfda21, -4px -4px 20px #ffffff, inset 4px 4px 20px #d1d9e659, inset -8px -8px 20px 0px #ffffff99;
+          border-radius: 30px 0 0 30px;
+          z-index: 1041;
+          position: relative;
+          box-shadow: 1px 0px 20px #292b3917, 0 0px 1px #292b391c;
+          //   &:before {
+          //     // content: '';
+          //     width: 100%;
+          //     height: 80%;
+          //     position: absolute;
+          //     opacity: 0.3;
+          //     border-radius: 30px 0px 0px 30px;
+          //     overflow: hidden;
+          //     background-image: url('https://cdn.dribbble.com/users/3060738/screenshots/12765413/media/bf83f45bf3c1d6679bc39ff62b5e0f20.jpg');
+          //   }
+        }
       }
     }
   }
@@ -708,37 +733,41 @@
       }
     }
 
-    .sidebar:hover:not(.sidebar-dashboard-light) {
-      width: $sidebar-width;
+    .sidebar:not(.sidebar-dashboard-light):not(.sidebar-not-hoverable) {
+      &:hover {
+        width: $sidebar-width;
 
-      .logo {
-        a.logo-normal {
+        .logo {
+          a.logo-normal {
+            opacity: 1;
+            @include transform-translate-x(0);
+          }
+        }
+
+        .navbar-minimize {
           opacity: 1;
-          @include transform-translate-x(0);
         }
-      }
 
-      .navbar-minimize {
-        opacity: 1;
-      }
+        .sidebar-wrapper {
+          width: $sidebar-width;
 
-      .sidebar-wrapper {
-        width: $sidebar-width;
+          >.nav li>a p,
+          >.nav [data-toggle='collapse']~div>ul>li>a .sidebar-normal,
+          .user .info [data-toggle='collapse']~div>ul>li>a .sidebar-normal,
+          .user .info>a>span {
+            @include transform-translate-x(0px);
+            opacity: 1;
+          }
+        }
 
-        >.nav li>a p,
-        >.nav [data-toggle='collapse']~div>ul>li>a .sidebar-normal,
-        .user .info [data-toggle='collapse']~div>ul>li>a .sidebar-normal,
-        .user .info>a>span {
-          @include transform-translate-x(0px);
-          opacity: 1;
+        .nav [data-toggle='collapse']~div>ul>li>a .sidebar-mini-icon {
+          opacity: 0;
         }
       }
 
-      .nav [data-toggle='collapse']~div>ul>li>a .sidebar-mini-icon {
-        opacity: 0;
-      }
     }
 
+
     .main-panel {
       >.content {
         padding-left: 130px;
@@ -746,6 +775,7 @@
 
       &.main-panel-dashboard-light {
         >.content {
+          background: $nft-soft-lighter;
           padding-left: 80px;
           position: absolute;
           // z-index: 9999999;