Bump Codebase Version

apps/static/assets/scss/black-dashboard/custom/_rtl.scss

@@ -0,0 +1,215 @@
+.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;
+  }
+}
+
+
+@media screen and (max-width: 768px){
+
+  .rtl .main-panel .content{
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+
+}