🐛 Fix scroll issue with rtl direction

Pushedskydiver · Pushedskydiver · commit 9c8845936c2f · 2020-06-29T13:01:06.000+01:00
diff --git a/apps/fretonator-web/src/app/common/fretonator/fretboard/fretboard.component.scss b/apps/fretonator-web/src/app/common/fretonator/fretboard/fretboard.component.scss
@@ -22,6 +22,7 @@
   &.fretboard__flip {
     padding-left: 0;
     padding-right: pxToRem($grid-unit * 4);
+    direction: rtl;
   }
 }
 
@@ -487,8 +488,6 @@
 }
 
 .fretboard__leftHanded {
-  direction: rtl;
-
   .fretboard__cell {
     border-left: var(--fret-width-base) solid var(--fret-color);
     border-right: unset;

Original file line number	Diff line number	Diff line change
`@@ -22,6 +22,7 @@`
`22`	`22`	`&.fretboard__flip {`
`23`	`23`	`padding-left: 0;`
`24`	`24`	`padding-right: pxToRem($grid-unit * 4);`
	`25`	`+ direction: rtl;`
`25`	`26`	`}`
`26`	`27`	`}`
`27`	`28`
`@@ -487,8 +488,6 @@`
`487`	`488`	`}`
`488`	`489`
`489`	`490`	`.fretboard__leftHanded {`
`490`		`- direction: rtl;`
`491`		`-`
`492`	`491`	`.fretboard__cell {`
`493`	`492`	`border-left: var(--fret-width-base) solid var(--fret-color);`
`494`	`493`	`border-right: unset;`