refactor: change .sidebar-right to .sidebar-end

mrholek · mrholek · commit e1cb24c26763 · 2021-03-18T00:46:09.000+01:00
diff --git a/scss/sidebar/_sidebar-narrow.scss b/scss/sidebar/_sidebar-narrow.scss
@@ -43,7 +43,7 @@
       }
     }
 
-    &.sidebar-right .sidebar-toggler::before {
+    &.sidebar-end .sidebar-toggler::before {
       transform: rotate(0deg);
     }
   }
@@ -75,7 +75,7 @@
       }
     }
 
-    &.sidebar-right .sidebar-toggler::before {
+    &.sidebar-end .sidebar-toggler::before {
       transform: rotate(0deg);
     }
   }
@@ -88,10 +88,10 @@
     .sidebar:not(.show).sidebar-self-hiding#{$infix} {
       &.sidebar-narrow,
       &.sidebar-narrow-unfoldable {
-        &:not(.sidebar-right) {
+        &:not(.sidebar-end) {
           @include ltr-rtl("margin-left", - $sidebar-narrow-width);
         }
-        &.sidebar-right {
+        &.sidebar-end {
           @include ltr-rtl("margin-right", - $sidebar-narrow-width);
         }
       }
@@ -105,7 +105,7 @@
 //     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 //     .sidebar.sidebar#{$infix}-show,
 //     .sidebar.sidebar-show {
-//       &:not(.sidebar-right){
+//       &:not(.sidebar-end){
 //         margin-left: 0;
 //         @include media-breakpoint-up($mobile-breakpoint) {
 //           &.sidebar-fixed {
@@ -118,7 +118,7 @@
 //           }
 //         }
 //       }
-//       &.sidebar-right {
+//       &.sidebar-end {
 //         margin-right: 0;
 //         @include media-breakpoint-up($mobile-breakpoint) {
 //           &.sidebar-fixed {
diff --git a/scss/sidebar/_sidebar.scss b/scss/sidebar/_sidebar.scss
@@ -30,10 +30,10 @@
     bottom: 0;
     z-index: $zindex-fixed + 1;
 
-    &:not(.sidebar-right){
+    &:not(.sidebar-end){
       @include ltr-rtl("left", 0);
     }
-    &.sidebar-right {
+    &.sidebar-end {
       @include ltr-rtl("right", 0);
     }
 
@@ -42,11 +42,11 @@
     }
   }
 
-  &:not(.sidebar-right){
+  &:not(.sidebar-end){
     @include ltr-rtl("margin-left", 0);
   }
 
-  &.sidebar-right {
+  &.sidebar-end {
     order: 99;
     @include ltr-rtl("margin-right", 0);
 
@@ -57,10 +57,10 @@
   }
 
   &.hide {
-    &:not(.sidebar-right){
+    &:not(.sidebar-end){
       @include ltr-rtl("margin-left", - $sidebar-width);
     }
-    &.sidebar-right {
+    &.sidebar-end {
       @include ltr-rtl("margin-right", - $sidebar-width);
     }
 
@@ -78,10 +78,10 @@
         --#{$variable-prefix}sidebar-occupy: #{$value};
       }
 
-      &:not(.sidebar-right).hide {
+      &:not(.sidebar-end).hide {
         @include ltr-rtl("margin-left", - $value);
       }
-      &.sidebar-right.hide {
+      &.sidebar-end.hide {
         @include ltr-rtl("margin-right", - $value);
       }
     }
@@ -94,11 +94,11 @@
       bottom: 0;
       z-index: $zindex-fixed;
 
-      &:not(.sidebar-right) {
+      &:not(.sidebar-end) {
         @include ltr-rtl("left", 0);
       }
 
-      &.sidebar-right {
+      &.sidebar-end {
         @include ltr-rtl("right", 0);
       }
     }
@@ -118,11 +118,11 @@
     bottom: 0;
     z-index: $zindex-fixed + 2;
 
-    &:not(.sidebar-right) {
+    &:not(.sidebar-end) {
       @include ltr-rtl("left", 0);
     }
 
-    &.sidebar-right {
+    &.sidebar-end {
       @include ltr-rtl("right", 0);
     }
   }
@@ -221,7 +221,7 @@
     }
   }
 
-  .sidebar-right & {
+  .sidebar-end & {
     justify-content: flex-start;
     &::before {
       transform: rotate(-180deg);
@@ -252,7 +252,7 @@
   @include media-breakpoint-down($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
     .sidebar:not(.show).sidebar-self-hiding#{$infix} {
-      &:not(.sidebar-right) {
+      &:not(.sidebar-end) {
         @include ltr-rtl("margin-left", - $sidebar-width);
 
         @each $width, $value in $sidebar-widths {
@@ -261,7 +261,7 @@
           }
         }
       }
-      &.sidebar-right {
+      &.sidebar-end {
         @include ltr-rtl("margin-right", - $sidebar-width);
 
         @each $width, $value in $sidebar-widths {

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@`
`43`	`43`	`}`
`44`	`44`	`}`
`45`	`45`
`46`		`- &.sidebar-right .sidebar-toggler::before {`
	`46`	`+ &.sidebar-end .sidebar-toggler::before {`
`47`	`47`	`transform: rotate(0deg);`
`48`	`48`	`}`
`49`	`49`	`}`
`@@ -75,7 +75,7 @@`
`75`	`75`	`}`
`76`	`76`	`}`
`77`	`77`
`78`		`- &.sidebar-right .sidebar-toggler::before {`
	`78`	`+ &.sidebar-end .sidebar-toggler::before {`
`79`	`79`	`transform: rotate(0deg);`
`80`	`80`	`}`
`81`	`81`	`}`
`@@ -88,10 +88,10 @@`
`88`	`88`	`.sidebar:not(.show).sidebar-self-hiding#{$infix} {`
`89`	`89`	`&.sidebar-narrow,`
`90`	`90`	`&.sidebar-narrow-unfoldable {`
`91`		`- &:not(.sidebar-right) {`
	`91`	`+ &:not(.sidebar-end) {`
`92`	`92`	`@include ltr-rtl("margin-left", - $sidebar-narrow-width);`
`93`	`93`	`}`
`94`		`- &.sidebar-right {`
	`94`	`+ &.sidebar-end {`
`95`	`95`	`@include ltr-rtl("margin-right", - $sidebar-narrow-width);`
`96`	`96`	`}`
`97`	`97`	`}`
`@@ -105,7 +105,7 @@`
`105`	`105`	`// $infix: breakpoint-infix($breakpoint, $grid-breakpoints);`
`106`	`106`	`// .sidebar.sidebar#{$infix}-show,`
`107`	`107`	`// .sidebar.sidebar-show {`
`108`		`-// &:not(.sidebar-right){`
	`108`	`+// &:not(.sidebar-end){`
`109`	`109`	`// margin-left: 0;`
`110`	`110`	`// @include media-breakpoint-up($mobile-breakpoint) {`
`111`	`111`	`// &.sidebar-fixed {`
`@@ -118,7 +118,7 @@`
`118`	`118`	`// }`
`119`	`119`	`// }`
`120`	`120`	`// }`
`121`		`-// &.sidebar-right {`
	`121`	`+// &.sidebar-end {`
`122`	`122`	`// margin-right: 0;`
`123`	`123`	`// @include media-breakpoint-up($mobile-breakpoint) {`
`124`	`124`	`// &.sidebar-fixed {`
Original file line number	Diff line number	Diff line change
`@@ -30,10 +30,10 @@`
`30`	`30`	`bottom: 0;`
`31`	`31`	`z-index: $zindex-fixed + 1;`
`32`	`32`
`33`		`- &:not(.sidebar-right){`
	`33`	`+ &:not(.sidebar-end){`
`34`	`34`	`@include ltr-rtl("left", 0);`
`35`	`35`	`}`
`36`		`- &.sidebar-right {`
	`36`	`+ &.sidebar-end {`
`37`	`37`	`@include ltr-rtl("right", 0);`
`38`	`38`	`}`
`39`	`39`
`@@ -42,11 +42,11 @@`
`42`	`42`	`}`
`43`	`43`	`}`
`44`	`44`
`45`		`- &:not(.sidebar-right){`
	`45`	`+ &:not(.sidebar-end){`
`46`	`46`	`@include ltr-rtl("margin-left", 0);`
`47`	`47`	`}`
`48`	`48`
`49`		`- &.sidebar-right {`
	`49`	`+ &.sidebar-end {`
`50`	`50`	`order: 99;`
`51`	`51`	`@include ltr-rtl("margin-right", 0);`
`52`	`52`
`@@ -57,10 +57,10 @@`
`57`	`57`	`}`
`58`	`58`
`59`	`59`	`&.hide {`
`60`		`- &:not(.sidebar-right){`
	`60`	`+ &:not(.sidebar-end){`
`61`	`61`	`@include ltr-rtl("margin-left", - $sidebar-width);`
`62`	`62`	`}`
`63`		`- &.sidebar-right {`
	`63`	`+ &.sidebar-end {`
`64`	`64`	`@include ltr-rtl("margin-right", - $sidebar-width);`
`65`	`65`	`}`
`66`	`66`
`@@ -78,10 +78,10 @@`
`78`	`78`	`--#{$variable-prefix}sidebar-occupy: #{$value};`
`79`	`79`	`}`
`80`	`80`
`81`		`- &:not(.sidebar-right).hide {`
	`81`	`+ &:not(.sidebar-end).hide {`
`82`	`82`	`@include ltr-rtl("margin-left", - $value);`
`83`	`83`	`}`
`84`		`- &.sidebar-right.hide {`
	`84`	`+ &.sidebar-end.hide {`
`85`	`85`	`@include ltr-rtl("margin-right", - $value);`
`86`	`86`	`}`
`87`	`87`	`}`
`@@ -94,11 +94,11 @@`
`94`	`94`	`bottom: 0;`
`95`	`95`	`z-index: $zindex-fixed;`
`96`	`96`
`97`		`- &:not(.sidebar-right) {`
	`97`	`+ &:not(.sidebar-end) {`
`98`	`98`	`@include ltr-rtl("left", 0);`
`99`	`99`	`}`
`100`	`100`
`101`		`- &.sidebar-right {`
	`101`	`+ &.sidebar-end {`
`102`	`102`	`@include ltr-rtl("right", 0);`
`103`	`103`	`}`
`104`	`104`	`}`
`@@ -118,11 +118,11 @@`
`118`	`118`	`bottom: 0;`
`119`	`119`	`z-index: $zindex-fixed + 2;`
`120`	`120`
`121`		`- &:not(.sidebar-right) {`
	`121`	`+ &:not(.sidebar-end) {`
`122`	`122`	`@include ltr-rtl("left", 0);`
`123`	`123`	`}`
`124`	`124`
`125`		`- &.sidebar-right {`
	`125`	`+ &.sidebar-end {`
`126`	`126`	`@include ltr-rtl("right", 0);`
`127`	`127`	`}`
`128`	`128`	`}`
`@@ -221,7 +221,7 @@`
`221`	`221`	`}`
`222`	`222`	`}`
`223`	`223`
`224`		`- .sidebar-right & {`
	`224`	`+ .sidebar-end & {`
`225`	`225`	`justify-content: flex-start;`
`226`	`226`	`&::before {`
`227`	`227`	`transform: rotate(-180deg);`
`@@ -252,7 +252,7 @@`
`252`	`252`	`@include media-breakpoint-down($breakpoint) {`
`253`	`253`	`$infix: breakpoint-infix($breakpoint, $grid-breakpoints);`
`254`	`254`	`.sidebar:not(.show).sidebar-self-hiding#{$infix} {`
`255`		`- &:not(.sidebar-right) {`
	`255`	`+ &:not(.sidebar-end) {`
`256`	`256`	`@include ltr-rtl("margin-left", - $sidebar-width);`
`257`	`257`
`258`	`258`	`@each $width, $value in $sidebar-widths {`
`@@ -261,7 +261,7 @@`
`261`	`261`	`}`
`262`	`262`	`}`
`263`	`263`	`}`
`264`		`- &.sidebar-right {`
	`264`	`+ &.sidebar-end {`
`265`	`265`	`@include ltr-rtl("margin-right", - $sidebar-width);`
`266`	`266`
`267`	`267`	`@each $width, $value in $sidebar-widths {`