andras/fleeting-garden
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add settings sliders

Browse source
This commit is contained in:
Andras Schmelczer 2023-05-27 15:00:04 +01:00
parent cd9aff0362
commit 752e1ae425
No known key found for this signature in database
GPG key ID: FC8F2C3D3D1A718C
9 changed files with 170 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/utils/settings-slider.ts
View file

@ -63,11 +63,15 @@ export class SettingsSlider<T extends Record<string, number>> {
valueDisplay: HTMLSpanElement
) {
const wrapper = document.createElement('div');
wrapper.classList.add('slider');
const label = document.createElement('label');
label.innerText = SettingsSlider.formatLabel(name);
const title = document.createElement('p');
title.innerText = SettingsSlider.formatLabel(name);
title.appendChild(valueDisplay);
label.appendChild(title);
label.appendChild(slider);
label.appendChild(valueDisplay);
wrapper.appendChild(label);
return wrapper;