fixes left quadrant measurement alignment

Adam Argyle · Adam Argyle · commit f97062382eee · 2020-06-18T11:25:59.000-07:00
diff --git a/app/components/selection/distance.element.css b/app/components/selection/distance.element.css
@@ -24,6 +24,7 @@
   z-index: var(--layer-3);
   display: flex;
   align-items: center;
+  justify-content: var(--justify, 'flex-start');
   flex-direction: var(--direction);
 }
 
diff --git a/app/components/selection/distance.element.js b/app/components/selection/distance.element.js
@@ -25,6 +25,9 @@ export class Distance extends HTMLElement {
     this.style.setProperty('--direction', v ? 'column' : 'row')
     this.style.setProperty('--quadrant', q)
 
+    if (q === 'left')
+      this.style.setProperty('--justify', 'flex-end')
+
     v
       ? this.style.setProperty('--distance-h', `${d}px`)
       : this.style.setProperty('--distance-w', `${d}px`)

Original file line number	Diff line number	Diff line change
`@@ -24,6 +24,7 @@`
`24`	`24`	`z-index: var(--layer-3);`
`25`	`25`	`display: flex;`
`26`	`26`	`align-items: center;`
	`27`	`+ justify-content: var(--justify, 'flex-start');`
`27`	`28`	`flex-direction: var(--direction);`
`28`	`29`	`}`
`29`	`30`
Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,9 @@ export class Distance extends HTMLElement {`
`25`	`25`	`this.style.setProperty('--direction', v ? 'column' : 'row')`
`26`	`26`	`this.style.setProperty('--quadrant', q)`
`27`	`27`
	`28`	`+ if (q === 'left')`
	`29`	`+ this.style.setProperty('--justify', 'flex-end')`
	`30`	`+`
`28`	`31`	`v`
`29`	`32`	? this.style.setProperty('--distance-h', `${d}px`)
`30`	`33`	: this.style.setProperty('--distance-w', `${d}px`)