hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improve mouse tracking

Browse source
This commit is contained in:
Felix Roos 2023-10-01 13:27:44 +02:00
parent d7bc309eeb
commit c6ecd31ea1
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
packages/codemirror/slider.mjs
View file

@ -36,7 +36,7 @@ export class SliderWidget extends WidgetType {
slider.from = this.from;
slider.originalFrom = this.originalFrom;
slider.to = this.to;
slider.className = 'w-16 translate-y-1.5 mx-2';
slider.className = 'w-16 translate-y-1';
this.slider = slider;
return wrap;
}
@ -97,7 +97,7 @@ export const sliderPlugin = ViewPlugin.fromClass(
eventHandlers: {
mousedown: (e, view) => {
let target = e.target; /* as HTMLElement */
let target = e.target;
if (target.nodeName == 'INPUT' && target.parentElement.classList.contains('cm-slider')) {
e.preventDefault();
e.stopPropagation();
@ -121,7 +121,8 @@ export const sliderPlugin = ViewPlugin.fromClass(
// moves slider on mouse event
function updateSliderValue(view, e) {
const mouseX = e.clientX;
let progress = (mouseX - draggedSlider._offsetLeft) / draggedSlider._clientWidth;
let mx = 10;
let progress = (mouseX - draggedSlider._offsetLeft - mx) / (draggedSlider._clientWidth - mx * 2);
progress = Math.max(Math.min(1, progress), 0);
let min = Number(draggedSlider.min);
let max = Number(draggedSlider.max);