midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Fix rotation selection on chrome, partial fix of #248

Browse source
This commit is contained in:
pietervdvn 2021-04-21 01:55:15 +02:00
parent 7d7b37b2a6
commit 095c5d1f1b
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Models/Constants.ts
View file

@ -2,7 +2,7 @@ import { Utils } from "../Utils";
export default class Constants {
public static vNumber = "0.6.8";
public static vNumber = "0.6.8a";
// The user journey states thresholds when a new feature gets unlocked
public static userJourney = {

8
UI/Input/DirectionInput.ts
View file

@ -23,7 +23,7 @@ export default class DirectionInput extends InputElement<string> {
return;
}
const cone = selfElement.getElementsByClassName("direction-svg")[0] as HTMLElement
cone.style.rotate = rotation + "deg";
cone.style.transform = `rotate(${rotation}deg)`;
})
@ -38,7 +38,7 @@ export default class DirectionInput extends InputElement<string> {
return new Combine([
`<div id="direction-leaflet-div-${this.id}" style="width:100%;height: 100%;position: absolute;top:0;left:0;border-radius:100%;"></div>`,
Svg.direction_svg().SetStyle(
`position: absolute;top: 0;left: 0;width: 100%;height: 100%;rotate:${this.value.data}deg;`)
`position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform:rotate(${this.value.data ?? 0}deg);`)
.SetClass("direction-svg"),
Svg.compass_svg().SetStyle(
"position: absolute;top: 0;left: 0;width: 100%;height: 100%;")
@ -74,7 +74,7 @@ export default class DirectionInput extends InputElement<string> {
htmlElement.onmousedown = (ev: MouseEvent) => {
isDown = true;
onPosChange(ev.x, ev.y);
onPosChange(ev.clientX, ev.clientY);
ev.preventDefault();
}
@ -84,7 +84,7 @@ export default class DirectionInput extends InputElement<string> {
htmlElement.onmousemove = (ev: MouseEvent) => {
if (isDown) {
onPosChange(ev.x, ev.y);
onPosChange(ev.clientX, ev.clientY);
} ev.preventDefault();
}
}