@agilemotion/oui-react-js 1.8.47 → 1.8.49

package/dist/assets/scss/black-dashboard-react/custom/_navbar.scss

@@ -1,436 +0,0 @@
-.navbar {
-  padding: 10px 30px 10px 15px;
-  width: 100%;
-  z-index: 1050;
-  background: $navbar-color;
-
-  .photo {
-    display: inline-block;
-    height: 30px;
-    width: 30px;
-    border-radius: 50%;
-    vertical-align: middle;
-    overflow: hidden;
-      img{
-        width: 100%;
-      }
-  }
-
-  .navbar-wrapper {
-    display: flex;
-    align-items: center;
-  }
-
-  .navbar-text {
-    color: $white;
-  }
-
-  .btn{
-    margin: 0 5px 0 10px;
-  }
-
-  &.navbar-absolute{
-    position: absolute;
-    z-index: 1050;
-  }
-
-
-  &.navbar-transparent{
-    background: transparent !important;
-  }
-
-  &.bg-white{
-    .navbar-nav{
-      .search-bar.input-group{
-        i{
-          color: $black;
-        }
-      }
-
-      .search-bar.input-group .form-control{
-        background: rgba($black,0.1);
-        border-radius: 4px;
-      }
-
-      a.nav-link{
-        color: $black !important;
-        p{
-          color: $black;
-        }
-      }
-
-    }
-
-    .navbar-text, .navbar-brand{
-      color: $black;
-    }
-
-    .form-control {
-      color: $black !important;
-    }
-
-    .form-control::placeholder {
-      color: $dark-gray !important;
-    }
-
-  }
-
-  &.bg-dark {
-    background: $black !important;
-  }
-
-  &.bg-primary {
-    background-color: $primary !important;
-  }
-
-  &.bg-warning {
-    background-color: $warning !important;
-  }
-
-  &.bg-info {
-    background-color: $info !important;
-  }
-
-  &.bg-success {
-    background-color: darken($success, 10%) !important;
-  }
-
-  &.bg-danger {
-    background-color: $danger !important;
-  }
-
-  .navbar-brand {
-    position: fixed;
-    padding-top: .3125rem;
-    padding-bottom: .3125rem;
-    color: $white;
-    margin-left: 17px;
-    margin-top: 3px;
-    text-transform: uppercase;
-    font-size: $font-paragraph;
-  }
-
-  .navbar-toggle button:focus, .navbar-toggler{
-    outline: none;
-  }
-
-}
-
-.navbar-minimize-fixed {
-	position: fixed;
-  margin-left: 40px;
-  margin-top: 14px;
-	transition: 0.3s ease;
-	color: white;
-	z-index: 20;
-	opacity: 0;
-	transition: 0.2s ease;
-	button{
-		i {
-			font-size: 20px;
-		}
-	}
-}
-
-.notification {
-  background: $danger;
-	color: $white;
-	border-radius: $border-radius-xl;
-	height: 6px;
-	width: 6px;
-	position: absolute;
-	text-align: center;
-	font-size: 12px;
-	font-weight: 800;
-  top: 10px;
-  right: 10px;
-	border: 1px solid $danger;
-}
-
-.navbar-nav li{
-  padding: 0 10px;
-  a{
-    color: $white;
-  }
-  i{
-    vertical-align: middle;
-    font-size: 20px;
-  }
-}
-
-@media screen and (max-width: 991px){
-  .navbar{
-      .container-fluid{
-          padding-right: 15px;
-          padding-left: 15px;
-      }
-
-      .navbar-collapse{
-        .input-group{
-          margin: 0;
-          margin-top: 5px;
-        }
-      }
-
-      .navbar-nav{
-
-        .btn{
-          margin-left: -3px;
-          display: flex;
-
-          i {
-            margin-right: 12px;
-          }
-
-          span {
-            margin: 0;
-            text-transform: uppercase;
-            font-weight: 300;
-
-            &,
-            &:hover,
-            &:focus,
-            &:active,
-            &:active:focus {
-              color: $black !important;
-            }
-          }
-        }
-
-          a.nav-link{
-            i{
-              opacity: 1;
-              margin-left: 4px;
-              margin-right: 5px;
-            }
-            p{
-              display: inline-block;
-              text-transform: uppercase;
-              margin-left: 7px;
-            }
-          }
-
-          .modal-search .modal-dialog{
-            padding: 0 40px;
-          }
-          .dropdown{
-            margin: 5px 0;
-            .nav-link{
-              padding-bottom: 0;
-            }
-            .dropdown-menu{
-              .dropdown-item{
-                margin-top: 0;
-                padding-left: 24px;
-              }
-            }
-          }
-      }
-
-      .dropdown.show .dropdown-menu{
-          display: block;
-
-      }
-
-      .dropdown .dropdown-menu{
-          display: none;
-          li a{
-            color: $black;
-          }
-      }
-
-      .dropdown.show .dropdown-menu,
-      .dropdown .dropdown-menu{
-          background-color: transparent;
-          border: 0;
-          transition: none;
-          -webkit-box-shadow: none;
-          box-shadow: none;
-          width: auto;
-          margin: 0px 1rem;
-          margin-top: 0px;
-
-          &:before{
-              display: none;
-          }
-      }
-
-      .dropdown-menu .dropdown-item:focus,
-      .dropdown-menu .dropdown-item:hover{
-          color: $white;
-      }
-
-      &.bg-white .dropdown-menu .dropdown-item:focus,
-      &.bg-white .dropdown-menu .dropdown-item:hover{
-          color: $default;
-      }
-
-      button.navbar-toggler[data-target="#navigation"]{
-        padding-top: 0;
-      }
-
-      .navbar-toggler-bar{
-          display: block;
-          position: relative;
-          width: 22px;
-          height: 1px;
-          border-radius: 1px;
-          background: $white;
-
-          &.navbar-kebab{
-            height: 4px;
-            width: 4px;
-            margin-bottom: 3px;
-            border-radius: 50%;
-          }
-
-          & + .navbar-toggler-bar{
-              margin-top: 7px;
-          }
-
-          & + .navbar-toggler-bar.navbar-kebab{
-              margin-top: 0px;
-          }
-
-          &.bar2{
-              width: 17px;
-              transition: width .2s linear;
-          }
-      }
-
-      &.bg-white:not(.navbar-transparent) .navbar-toggler-bar{
-          background-color: $default;
-      }
-
-      & .toggled .navbar-toggler-bar{
-          width: 24px;
-
-          & + .navbar-toggler-bar{
-              margin-top: 5px;
-          }
-      }
-
-      .navbar-brand{
-        margin-left: 20px;
-        position: relative;
-      }
-  }
-
-  .navbar-nav{
-      .nav-link{
-          i.fa,
-          i.tim-icons{
-              opacity: .5;
-          }
-      }
-  }
-
-  .bar1,
-  .bar2,
-  .bar3 {
-    outline: 1px solid transparent;
-  }
-  .bar1 {
-    top: 0px;
-    @include bar-animation($topbar-back);
-  }
-  .bar2 {
-    opacity: 1;
-  }
-  .bar3 {
-    bottom: 0px;
-    @include bar-animation($bottombar-back);
-  }
-  .toggled .bar1 {
-    top: 6px;
-    @include bar-animation($topbar-x);
-  }
-  .toggled .bar2 {
-    opacity: 0;
-  }
-  .toggled .bar3 {
-    bottom: 6px;
-    @include bar-animation($bottombar-x);
-  }
-
-  @include topbar-x-rotation();
-  @include topbar-back-rotation();
-  @include bottombar-x-rotation();
-  @include bottombar-back-rotation();
-
-  @-webkit-keyframes fadeIn {
-    0% {opacity: 0;}
-    100% {opacity: 1;}
-  }
-  @-moz-keyframes fadeIn {
-    0% {opacity: 0;}
-    100% {opacity: 1;}
-  }
-  @keyframes fadeIn {
-    0% {opacity: 0;}
-    100% {opacity: 1;}
-  }
-
-}
-
-@media screen and (min-width: 992px) {
-  .navbar-collapse {
-    background: none !important;
-  }
-
-  .navbar .navbar-toggle {
-    display: none;
-  }
-
-  .navbar-nav {
-    .nav-link {
-      &.profile-photo {
-        padding: 0;
-        margin: 7px $padding-base-horizontal;
-      }
-    }
-  }
-
-  .navbar {
-    .caret {
-      position: absolute;
-      left: 80%;
-      top: 55%;
-      margin-left: 0;
-    }
-  }
-    .navbar-expand-lg .navbar-nav .nav-link {
-      padding-right: 0.5rem;
-      padding-left: 0.5rem;
-  }
-}
-
-@media screen and (max-width: 576px){
-  .navbar[class*='navbar-toggleable-'] .container{
-      margin-left: 0;
-      margin-right: 0;
-  }
-  .navbar .navbar-wrapper {
-    .navbar-toggle{
-      transition: all 1s;
-    }
-  }
-  .navbar .navbar-wrapper {
-    .navbar-toggle.toggled{
-      left: -20px;
-      position: relative;
-      right: unset;
-      transition: all 1s;
-    }
-  }
-  .rtl {
-    .navbar .navbar-wrapper {
-      .navbar-toggle.toggled{
-        right: -35px;
-        position: relative;
-        left: unset;
-        transition: all 1s;
-      }
-    }
-  }
-}

package/dist/assets/scss/black-dashboard-react/custom/_rtl.scss

@@ -1,245 +0,0 @@
-.rtl {
-  .sidebar,
-  .bootstrap-navbar{
-    right: 0;
-    left: auto;
-    margin-right: 20px;
-    margin-left: 0;
-
-    .nav{
-        i{
-          float: right;
-          margin-left: 15px;
-          margin-right: 0;
-        }
-
-        p{
-          margin-right: 45px;
-          text-align: right;
-        }
-
-        .caret{
-          left: 11px;
-          right: auto;
-        }
-    }
-
-    .logo{
-        a.logo-mini{
-          float: right;
-          margin-right: 20px;
-          margin-left: 10px;
-        }
-
-        .simple-text{
-          text-align: right;
-        }
-    }
-
-    .sidebar-wrapper .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini-icon,
-    .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini-icon{
-      float: right;
-      margin-left: 15px;
-      margin-right: 0;
-    }
-
-    .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
-    .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal{
-      text-align: right;
-    }
-
-    &:before{
-      right: 30px;
-      left: auto;
-    }
-  }
-
-  .main-panel .content{
-    padding: 80px 280px 30px 30px;
-  }
-
-  .footer{
-    padding: 24px 300px 24px 0;
-  }
-
-  .dropdown-toggle:after{
-    margin-right: .255em;
-    margin-left: 0;
-  }
-
-  .dropdown-menu.dropdown-menu-right.dropdown-navbar{
-    right: -220px !important;
-    left: auto;
-
-    &:before{
-      right: auto;
-      left: 35px;
-    }
-  }
-
-  .notification{
-    left: 40px;
-    right: auto;
-  }
-
-  .dropdown-menu{
-    right: auto;
-    left: 0;
-  }
-
-
-  .minimize-sidebar{
-    float: right;
-  }
-
-  .alert{
-    left: 0;
-    margin-left: 0;
-    margin-right: 0;
-      button.close{
-        left: 10px !important;
-        right: auto !important;
-      }
-
-      span[data-notify="icon"]{
-        right: 15px;
-        left: auto;
-      }
-
-
-
-      &.alert-with-icon{
-        padding-right: 65px;
-        padding-left: 15px;
-      }
-
-      &.alert-with-icon i[data-notify="icon"]{
-        right: 15px;
-        left: auto;
-      }
-  }
-
-  .search-bar{
-    margin-left: 0;
-  }
-
-  .modal-search .modal-header .close{
-    margin-right: auto;
-    left: 10px;
-  }
-
-
-  @media (min-width: 991px){
-    &.sidebar-mini .main-panel .content {
-      padding-right: 130px;
-      padding-left: 50px;
-    }
-
-    &.sidebar-mini footer{
-      padding-right: 130px;
-      padding-left: 50px;
-    }
-
-    .navbar-minimize button{
-      margin-right: -5px;
-    }
-  }
-
-
-
-  @media screen and (max-width: 991px){
-
-    .sidebar{
-      margin-right: 0;
-    }
-    .main-panel .content{
-      padding-right: 50px;
-    }
-
-    #bodyClick{
-      right: 260px;
-      left: auto;
-    }
-
-    .footer{
-      padding-right: 15px;
-    }
-  }
-
-  .navbar {
-    .navbar-nav {
-      padding-right: 0;
-      a.nav-link {
-        text-align: right;
-        p{
-          margin-right: 7px;
-        }
-      }
-
-      .btn {
-        margin-right: 0;
-        padding: 0;
-        i{
-          margin-left: 4px;
-          margin-right: 5px;
-        }
-      }
-
-      .search-bar span{
-        margin-right: 10px;
-      }
-    }
-  }
-
-  .ps__rail-y {
-    right: auto !important;
-    left: 0;
-  }
-
-  .main-panel {
-    position: fixed;
-    height: 100%;
-    overflow-y: scroll;
-    overflow-x: hidden;
-  }
-  .fixed-plugin {
-    border-radius: 0 8px 8px 0;
-    left: 0;
-    right: unset;
-    .dropdown-menu {
-      left: 80px !important;
-      right: auto !important;
-      &:before,&:after {
-        left: 10px;
-        margin-right: auto;
-        right: auto;
-      }
-      &:before {
-        right: unset;
-        left: -16px;
-        border-left: unset;
-        border-right: .4em solid rgba(0,0,0,.2);
-      }
-      &:after {
-        right: unset;
-        left: -16px;
-        border-left: unset;
-        border-right: .4em solid $black;
-      }
-    }
-  }
-  .sidebar .nav li.active > a:not([data-toggle="collapse"]):before, .off-canvas-sidebar .nav li.active > a:not([data-toggle="collapse"]):before{
-    left: unset;
-    right: -4px;
-  }
-}
-
-
-@media screen and (max-width: 768px){
-
-  .rtl .main-panel .content{
-    padding-left: 15px;
-    padding-right: 15px;
-  }
-
-}