Admin Control Panel v2.0

✎ Editing: _rtl-support.scss ← Back

//
// RTL Support
// --------------------------------------------------

#page-container.rtl-support {
  direction: rtl;
  text-align: right;

// List Inline
  .list-inline-item:not(:last-child) {
    margin-right: 0;
    margin-left: .5rem;
  }

// Mini Sidebar
  @include media-breakpoint-up(lg) {
    &.sidebar-mini.sidebar-o.sidebar-r #sidebar {
      .content-side,
      .content-header {
        transform: translateX(-($sidebar-width - $sidebar-mini-width)) translateY(0) translateZ(0);
      }

&:hover {
        .content-side,
        .content-header {
          transform: translateX(0);
        }
      }

&:not(:hover) {
        .nav-main {
          transform: translateX($space-side);

.nav-main-link-icon {
            transform: translateX(-1rem);
          }
        }
      }
    }
  }

// Nav Main
  .nav-main {
    padding-left: auto;
    padding-right: 0;
  }

.nav-main-link {
    .nav-main-link-icon {
      margin-right: 0;
      margin-left: 0.625rem;
    }

.nav-main-link-badge {
      margin-right: 0.625rem;
      margin-left: auto;
      padding-right: 0.375rem;
      padding-left: 0.375rem;
      font-size: 0.75rem;
    }

&.nav-main-link-submenu {
      padding-right: $space-side;
      padding-left: 2rem;

&::before,
      &::after {
        right: auto;
        left: 0.625rem;
      }

&::before {
        content: "\f105";
      }
    }
  }

.nav-main-submenu {
    padding-right: 2.25rem;
    padding-left: 0;

.nav-main-link {
      padding-right: 0;
      padding-left: 0.625rem;

&.nav-main-link-submenu {
        padding-left: 2rem;
      }
    }

.nav-main-submenu {
      padding-right: 0.75rem;
      padding-left: 0;
    }
  }

// Active sub menu
  .nav-main-item.open {
    > .nav-main-link-submenu {
      &::before {
        transform: rotate(90deg);
      }
    }
  }

// Nav Main Horizontal
  @include media-breakpoint-up(lg) {
    .nav-main-horizontal {
      // Link
      .nav-main-link-submenu::before {
        content: "\f107";
      }

// Nav li items
      .nav-main-item {
        > .nav-main-link {
          padding-right: 1rem;
          padding-left: 2rem;
        }
  
        > .nav-main-link:not(.nav-main-link-submenu) {
          padding-left: 1rem;
        }
      }

// Sub menus
      .nav-main-submenu {
        left: auto;
        right: 0;
        padding-left: auto;
        padding-right: 0;

&.nav-main-submenu-left {
          right: auto;
          left: 0;
        }

.nav-main-link {
          padding-left: 0.625rem;
          padding-right: 1rem;
        }

.nav-main-link {
          &.nav-main-link-submenu {
            &::before {
              content: "\f104";
            }
          }
        }

.nav-main-item.open > .nav-main-link-submenu::before {
          transform: scaleX(-1);
        }
      }

// Active sub menu
      .nav-main-item.open {
        > .nav-main-link-submenu::before {
          transform: scaleY(-1);
        }
      }

// Sub menus - 2++ Level
      .nav-main-submenu .nav-main-submenu {
        left: -100%;
        right: auto;
      }

&.nav-main-hover {
        .nav-main-item:hover {
          > .nav-main-link-submenu {
            &::before {
              transform: scaleY(-1);
            }
          }
        }
      }

&.nav-main-hover .nav-main-submenu {
        .nav-main-item:hover > .nav-main-link-submenu::before {
          transform: scaleX(-1);
        }
      }
    }
  }
}

Cancel