fix: sidebar-right position when rtl is active

mrholek · mrholek · commit e7aada8ca814 · 2020-06-08T19:42:50.000+02:00
diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss
@@ -12,6 +12,10 @@
   padding: $sidebar-padding;
   box-shadow: none;
 
+  &.c-sidebar-right {
+    order: 99;
+  }
+
   @include media-breakpoint-down(breakpoint-before($mobile-breakpoint)) {
     // Some of our components use this property to detect if the sidebar has mobile behavior.
     --is-mobile: true;
@@ -43,7 +47,6 @@
       margin-left: - $sidebar-width;
     }
     &.c-sidebar-right {
-      order: 99;
       margin-right: - $sidebar-width;
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,10 @@`
`12`	`12`	`padding: $sidebar-padding;`
`13`	`13`	`box-shadow: none;`
`14`	`14`
	`15`	`+ &.c-sidebar-right {`
	`16`	`+ order: 99;`
	`17`	`+ }`
	`18`	`+`
`15`	`19`	`@include media-breakpoint-down(breakpoint-before($mobile-breakpoint)) {`
`16`	`20`	`// Some of our components use this property to detect if the sidebar has mobile behavior.`
`17`	`21`	`--is-mobile: true;`
`@@ -43,7 +47,6 @@`
`43`	`47`	`margin-left: - $sidebar-width;`
`44`	`48`	`}`
`45`	`49`	`&.c-sidebar-right {`
`46`		`- order: 99;`
`47`	`50`	`margin-right: - $sidebar-width;`
`48`	`51`	`}`
`49`	`52`	`}`