.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{ position: fixed; height: 100%; overflow-y: scroll; overflow-x: hidden; } .main-panel .content{ padding: 110px 300px 20px 50px } .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; } .card-timeline .timeline .timeline-footer .btn{ margin-left: 0; margin-right: auto; } .navbar-minimize-fixed{ margin-right: 38px; margin-left: auto; } .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; } .rtl .footer{ padding: 24px 30px !important; } .ps__rail-y { right: auto !important; left: 0; } .card.card-timeline { .timeline .timeline-footer{ .btn.dropdown-toggle { i { left: 0 !important; } &:after { margin-left: 5px !important; } } } } .fixed-plugin .dropdown-menu{ right: 80px; }
}
@include media-breakpoint-up(xl) {
.rtl{ &.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; } .footer { padding: 24px 300px 24px 0; } }
}
@include media-breakpoint-down(lg) {
.rtl .sidebar { margin-right: 0; } .rtl .main-panel .content{ padding-right: 50px; }
}
@include media-breakpoint-down(md) {
.rtl .main-panel .content { padding-right: 50px; } .rtl #bodyClick { right: 260px; left: auto; } .rtl .navbar .navbar-toggle .navbar-toggler { display: block; margin-right: 20px; } .rtl .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; } } } .nav-open { body { position: fixed; } } }
@include media-breakpoint-down(sm) {
.rtl { .main-panel .content { padding-left: 15px; padding-right: 15px; } }
}
@include media-breakpoint-down(xs) {
.rtl .navbar .dropdown-menu {
width: 200px !important; }
}