Bastian-Greshake-Tzovaras/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Add elevator icons

Browse source
This commit is contained in:
Pieter Vander Vennet 2022-07-18 13:50:14 +02:00
parent 92bd6414e4
commit 3441e7c9f7
5 changed files with 77 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

9
test.ts
View file

@ -8,7 +8,7 @@ import Slider from "./UI/Input/Slider";
import Toggle, { ClickableToggle } from "./UI/Input/Toggle";
const testData = ["-1", "0", "0.5", "1", "1.5", "2"]
let slider = new Slider(0, testData.length - 1);
let slider = new Slider(0, testData.length - 1, {vertical: true});
const toggleClass = "flex border-2 border-blue-500 rounded-full w-10 h-10 place-content-center items-center"
@ -23,11 +23,10 @@ const values = testData.map((data, i) => new ClickableToggle(
}
))
.ToggleOnClick()
.SetClass("flex flex-column bg-slate-200 m-4 w-10 h-10"))
.SetClass("flex flex-column bg-slate-200 m-2 w-10 h-10"))
const valCombine = new Combine(values.reverse())
slider.SetClass("flex vertical m-4 elevatorslider")
new Combine([valCombine, slider]).SetClass("flex flex-row h-10").AttachTo("extradiv")
slider.SetClass("flex m-4 elevatorslider mb-0").SetStyle("height: "+3.25*testData.length+"rem")
new Combine([valCombine.SetClass("mt-8"), slider]).SetClass("flex flex-row h-14").AttachTo("extradiv")