@open-rlb/ng-bootstrap 2.2.17

package/assets/scss/custom/rtl/_plugins-rtl.scss

@@ -0,0 +1,242 @@
+// 
+// plugins-rtl.scss
+//
+
+// calendar
+
+.lnb-calendars-item {
+  margin-right: 0;
+  margin-left: 7px;
+}
+
+input[type=checkbox].tui-full-calendar-checkbox-round+span {
+  margin-right: 0px;
+  margin-left: 8px;
+}
+
+.tui-full-calendar-time-schedule-content {
+  padding: 1px 3px 0 0;
+}
+
+// FLOT CHART
+
+.legendLabel {
+  padding-right: 5px !important;
+  padding-left: 20px;
+}
+
+// Select 2
+.select2-container {
+  .select2-selection--single {
+    .select2-selection__rendered {
+      padding-right: 12px;
+    }
+
+    .select2-selection__arrow {
+      left: 3px;
+      right: auto;
+    }
+  }
+
+  .select2-selection--multiple {
+    .select2-selection__choice {
+      float: right;
+      margin-left: 5px;
+      margin-right: 0;
+    }
+  }
+
+  .select2-search__field {
+    text-align: right;
+  }
+
+  .select2-search--inline {
+    float: right;
+  }
+}
+
+// Bootstrap select
+
+.bootstrap-select {
+  .dropdown-toggle {
+    &:before {
+      float: left;
+    }
+
+    .filter-option {
+      text-align: right;
+    }
+
+    .filter-option-inner {
+      padding-right: 0;
+      padding-left: inherit;
+    }
+  }
+}
+
+
+// form validation
+.was-validated .form-control:invalid, .form-control.is-invalid,
+.was-validated .form-control:valid, .form-control.is-valid{
+  padding-left: calc(1.5em + 0.94rem);
+  padding-right: $input-padding-x;
+  background-position: left calc(0.375em + 0.235rem) center;
+}
+
+// datatable
+
+.dataTables_wrapper {
+  .dataTables_filter {
+    text-align: left !important;
+
+    input {
+      margin-left: 0px !important;
+      margin-right: 0.5em;
+    }
+  }
+}
+
+// Foo table
+
+.footable.breakpoint>tbody>tr>td>span.footable-toggle {
+  padding-left: 5px;
+  padding-right: 0;
+}
+
+// tablesaw
+.tablesaw-columntoggle-popup {
+  .tablesaw-btn-group {
+    >label {
+      input {
+        margin-right: 0;
+        margin-left: .8em;
+      }
+    }
+  }
+}
+
+.tablesaw-bar {
+  .tablesaw-bar-section {
+    .tablesaw-btn {
+      margin-left: 0;
+      margin-right: .4em;
+    }
+  }
+}
+
+// Responsive Table
+
+.table-rep-plugin {
+  .btn-group.pull-right {
+    float: left;
+  }
+
+  .checkbox-row {
+    label {
+      &:after {
+        margin-left: -22px;
+        top: -2px;
+      }
+    }
+  }
+}
+
+// Parsley
+.parsley-errors-list {
+  >li {
+    padding-left: 0;
+    padding-right: 20px;
+
+    &:before {
+      left: auto;
+      right: 2px;
+    }
+  }
+}
+
+/* =============
+   Form wizard
+============= */
+
+.twitter-bs-wizard {
+  .twitter-bs-wizard-nav {
+    @media (min-width: 992px) {
+      .nav-link {
+        text-align: right;
+      }
+    }
+  }
+
+  .twitter-bs-wizard-pager-link {
+    li.next {
+      float: left;
+    }
+  }
+}
+
+aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li:not(:last-child):after{
+  left: auto;
+  right: calc(50% + 25px);
+}
+
+
+// X-ediatable 
+
+.editable-buttons {
+  margin-left: 0;
+  margin-right: 7px;
+
+  .editable-cancel {
+    margin-left: 0;
+    margin-right: 7px;
+  }
+}
+
+// Floating
+
+.form-floating {
+  >label {
+    right: 0;
+    left: auto;
+  }
+}
+
+// editor
+
+.ck.ck-toolbar>.ck-toolbar__items {
+  flex-direction: row-reverse !important;
+}
+
+.ck.ck-editor__editable_inline {
+  text-align: right !important;
+}
+
+.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
+.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
+  right: 0;
+  left: auto !important;
+}
+
+/* =============
+   Form wizard
+============= */
+
+.wizard {
+    > .steps {
+      .number {
+        margin-left: 10px;
+        margin-right: 0px;
+      }
+    }
+  }
+  
+  aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li:not(:last-child):before {
+    left: -68px;
+  }
+  
+  .kycwizard {
+    aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li:not(:last-child):before {
+      left: -102px;
+    }
+  }
+  

package/assets/scss/custom/rtl/_spacing-rtl.scss

@@ -0,0 +1,78 @@
+// stylelint-disable declaration-no-important
+
+// Margin and Padding
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $prop, $abbrev in (margin: m, padding: p) {
+      @each $size, $length in $spacers {
+        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
+        .#{$abbrev}t#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-top: $length !important;
+        }
+        .#{$abbrev}e#{$infix}-#{$size} {
+          #{$prop}-left: $length !important;
+          #{$prop}-right: 0 !important;
+        }
+        .#{$abbrev}b#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-bottom: $length !important;
+        }
+        .#{$abbrev}s#{$infix}-#{$size} {
+          #{$prop}-right: $length !important;
+          #{$prop}-left: 0 !important;
+        }
+      }
+    }
+
+    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
+    @each $size, $length in $spacers {
+      @if $size != 0 {
+        .m#{$infix}-n#{$size} { margin: -$length !important; }
+        .mt#{$infix}-n#{$size},
+        .my#{$infix}-n#{$size} {
+          margin-top: -$length !important;
+        }
+        .me#{$infix}-n#{$size},
+        .mx#{$infix}-n#{$size} {
+          margin-right: -$length !important;
+        }
+        .mb#{$infix}-n#{$size},
+        .my#{$infix}-n#{$size} {
+          margin-bottom: -$length !important;
+        }
+        .ms#{$infix}-n#{$size},
+        .mx#{$infix}-n#{$size} {
+          margin-left: -$length !important;
+        }
+      }
+    }
+
+    // Some special margin utils
+    .m#{$infix}-auto { margin: auto !important; }
+    .mt#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-top: auto !important;
+    }
+    .me#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-left: auto !important;
+      margin-right: inherit !important;
+    }
+    .mb#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-bottom: auto !important;
+    }
+    .mx#{$infix}-auto {
+      margin-right: auto !important;
+      margin-left: auto !important;
+    }
+    .ms#{$infix}-auto{
+      margin-right: auto !important;
+      margin-left: 0 !important;
+    }
+  }
+}

package/assets/scss/custom/rtl/_structure-rtl.scss

@@ -0,0 +1,284 @@
+// 
+// structure-rtl.scss
+//
+
+// topbar.scss
+
+.navbar-header {
+  padding: 0 0 0 calc(#{$grid-gutter-width} / 2);
+}
+
+.app-search{
+  .form-control{
+    padding-right: 40px;
+    padding-left: 20px;
+  }
+  span {
+    left: auto;
+    right: 13px;
+  }
+}
+
+.noti-icon {
+  .badge {
+    right: auto;
+    left: 4px;
+  }
+}
+
+.main-content {
+  margin-left: 0px;
+  margin-right: $sidebar-width;
+}
+
+.footer {
+  left: 0px;
+  right: $sidebar-width;
+}
+
+// Sidebar
+
+#sidebar-menu {
+  .has-arrow {
+    &:after {
+      float: left;
+    }
+  }
+
+  ul {
+    li {
+      ul.sub-menu {
+        li {
+          a {
+            padding: .4rem 3.5rem .4rem 1.5rem;
+          }
+
+          ul.sub-menu {
+
+            li {
+              a {
+                padding: .4rem 4.5rem .4rem 1.5rem;
+                font-size: 13.5px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.vertical-collpsed {
+  .main-content {
+    margin-left: 0px;
+    margin-right: $sidebar-collapsed-width;
+  }
+
+  .footer {
+    left: 0px;
+    right: $sidebar-collapsed-width;
+  }
+
+  .vertical-menu {
+    #sidebar-menu {
+      >ul {
+        >li {
+          >a {
+            i {
+              margin-left: 0;
+              margin-right: 4px;
+            }
+
+            span {
+              padding-right: 25px;
+              padding-left: 0;
+            }
+          }
+
+          &:hover {
+            >ul {
+              left: 0;
+              right: 70px;
+            }
+          }
+        }
+
+        ul li:hover>ul {
+          left: auto;
+          right: 190px;
+        }
+      }
+    }
+  }
+}
+
+@media (max-width: 992px) {
+
+  .main-content {
+    margin-right: 0 !important;
+  }
+
+  .footer {
+    right: 0;
+  }
+}
+
+// right-sidebar.scss
+//
+
+.right-bar {
+  float: left !important;
+  left: -($rightbar-width + 10px);
+  right: auto;
+
+  .user-box {
+    .user-img {
+      .user-edit {
+        right: 0;
+        left: -5px;
+      }
+    }
+  }
+}
+
+.right-bar-enabled {
+  .right-bar {
+    left: 0;
+    right: auto;
+  }
+}
+
+
+// Compact sidebar
+
+body[data-sidebar-size=small] {
+  #sidebar-menu {
+    ul {
+      li {
+        ul.sub-menu {
+          li {
+            a {
+              padding-right: 1.5rem;
+            }
+
+            ul.sub-menu {
+
+              li {
+                a {
+                  padding-right: 1.5rem;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &.vertical-collpsed {
+    .vertical-menu {
+      #sidebar-menu {
+        text-align: right;
+      }
+    }
+
+    .main-content {
+      margin-left: 0;
+      margin-right: $sidebar-collapsed-width;
+    }
+
+    body[data-sidebar-size=small].vertical-collpsed .footer {
+      left: 70px;
+    }
+  }
+
+  .main-content {
+    margin-right: $sidebar-width-sm;
+    margin-left: 0;
+  }
+}
+
+// Horizontal layout
+
+body[data-layout=horizontal] {
+  .main-content {
+    margin-right: 0 !important;
+  }
+
+  .footer {
+    right: 0 !important;
+  }
+}
+
+@include media-breakpoint-up(lg) {
+  .topnav {
+    .navbar-nav {
+      .nav-item {
+        &:first-of-type {
+          .nav-link {
+            padding-left: 1.3rem;
+            padding-right: 0;
+          }
+        }
+      }
+    }
+
+    .dropdown {
+      .dropdown-menu {
+        right: 0px;
+        left: auto;
+      }
+    }
+  }
+}
+
+.arrow-down {
+  &:after {
+    margin-left: 0px;
+    margin-right: 10px;
+  }
+}
+
+.navbar-nav {
+  .dropdown-menu {
+    text-align: right;
+  }
+}
+
+@media (min-width: 992px) {
+  .topnav {
+    .dropdown {
+      .dropdown-menu {
+        .arrow-down::after {
+          right: auto;
+          left: 15px;
+          transform: rotate(45deg) translateY(-50%);
+        }
+
+        .dropdown {
+          .dropdown-menu {
+            right: 100% !important;
+            left: auto !important;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media (max-width: 991.98px) {
+  .topnav {
+    .dropdown {
+      .dropdown-menu {
+        padding-left: 0px;
+        padding-right: 15px;
+      }
+    }
+  }
+}
+
+.topnav-menu{
+  .navbar-nav{
+    padding-right: 0;
+  }
+}

package/assets/scss/custom/rtl/_text-rtl.scss

@@ -0,0 +1,18 @@
+// stylelint-disable declaration-no-important
+
+//
+// Text
+//
+
+
+// Responsive alignment
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .text#{$infix}-start   { text-align: right !important; }
+    .text#{$infix}-end  { text-align: left !important; }
+    .text#{$infix}-center { text-align: center !important; }
+  }
+}

package/assets/scss/custom/structure/_footer.scss

@@ -0,0 +1,35 @@
+// 
+// _footer.scss
+// 
+
+.footer {
+    bottom: 0;
+    padding: 20px calc(#{$grid-gutter-width} * 0.75);
+    position: absolute;
+    right: 0;
+    color: var(--#{$prefix}footer-color);
+    left: 250px;
+    height: $footer-height;
+    background-color: var(--#{$prefix}footer-bg);
+
+    @media (max-width: 991.98px) {
+        left: 0;
+    }
+}
+  
+// Enlarge menu
+.vertical-collpsed {
+    .footer {
+        left: $sidebar-collapsed-width;
+
+        @media (max-width: 991.98px) {
+            left: 0;
+        }
+    }
+}
+
+body[data-layout="horizontal"] {
+    .footer {
+        left: 0 !important;
+    }  
+}