Skip to content

Commit 4fd3b0b

Browse files
committed
fix: sidebar, sidebar-minimizer rtl ie issues, tweaks
1 parent 736fc50 commit 4fd3b0b

File tree

1 file changed

+66
-35
lines changed

1 file changed

+66
-35
lines changed

scss/_sidebar.scss

Lines changed: 66 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
// stylelint-disable selector-max-class, declaration-no-important, selector-max-compound-selectors
1+
// stylelint-disable selector-max-class, declaration-no-important, selector-max-compound-selectors, function-url-quotes, selector-max-combinators
22
.sidebar {
33
display: flex;
44
flex-direction: column;
@@ -446,6 +446,70 @@
446446
}
447447
}
448448
}
449+
450+
*[dir="rtl"] {
451+
.sidebar-minimized {
452+
.sidebar {
453+
.nav {
454+
list-style-image: url("data:,");
455+
.divider {
456+
height: 0;
457+
}
458+
}
459+
460+
//.d-minimized-none,
461+
//.nav-divider,
462+
//.nav-label,
463+
//.nav-title,
464+
//.sidebar-footer,
465+
//.sidebar-form,
466+
//.sidebar-header {
467+
// display: none;
468+
//}
469+
470+
.sidebar-minimizer::before {
471+
width: 100%;
472+
transform: rotate(0deg);
473+
}
474+
475+
.nav-link {
476+
padding-right: 0;
477+
478+
.nav-icon {
479+
float: right;
480+
}
481+
482+
.badge {
483+
right: auto;
484+
left: 15px;
485+
}
486+
487+
&:hover {
488+
.badge {
489+
display: inline;
490+
}
491+
}
492+
}
493+
494+
.nav > .nav-dropdown {
495+
> .nav-dropdown-items {
496+
display: none;
497+
max-height: 1000px;
498+
background: $sidebar-bg;
499+
}
500+
501+
&:hover {
502+
background: $sidebar-nav-link-hover-bg;
503+
> .nav-dropdown-items {
504+
position: absolute;
505+
left: 0;
506+
display: inline;
507+
}
508+
}
509+
}
510+
}
511+
}
512+
}
449513
}
450514

451515
*[dir="rtl"] {
@@ -482,45 +546,12 @@
482546
}
483547

484548
.sidebar-minimizer::before {
485-
right: unset;
549+
right: auto;
486550
left: 0;
487551
transform: rotate(180deg);
488552
}
489553
}
490554

491-
.sidebar-minimized {
492-
.sidebar {
493-
.nav {
494-
list-style-type: disc;
495-
}
496-
497-
.nav-link {
498-
padding-right: 0;
499-
.nav-icon {
500-
float: right;
501-
padding: 0;
502-
margin: 0;
503-
}
504-
505-
.badge {
506-
right: auto;
507-
left: 15px;
508-
}
509-
}
510-
511-
.nav-dropdown:hover {
512-
> .nav-dropdown-items {
513-
right: $sidebar-minimized-width;
514-
left: 0;
515-
}
516-
}
517-
518-
.sidebar-minimizer::before {
519-
transform: rotate(0deg);
520-
}
521-
}
522-
}
523-
524555
// Temp fix for rtl sidebar-toggler
525556
// ToDo: find better solution
526557
.sidebar-toggler {

0 commit comments

Comments
 (0)