djledda/arne-drums
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added vertical mode and optimised layout for mobile

Browse Source
This commit is contained in:
Daniel Ledda
2021-10-19 18:57:36 +02:00
parent 342e65345d
commit f3851f32cd
20 changed files with 280 additions and 8593 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/ui/Widgets/BoolBox/BoolBoxView.ts
View File

@@ -39,6 +39,9 @@ export default class BoolBoxView extends UINode {
this.labelElement = UINode.make("label", {
classes: ["bool-box-label"],
innerText: this.label ?? "",
onclick: () => {
this.onInput(!this.checkboxElement.checked);
},
});
if (this.label !== null) {
this.labelElement.classList.add("visible");
@@ -46,7 +49,9 @@ export default class BoolBoxView extends UINode {
this.checkboxElement = UINode.make("input", {
type: "checkbox",
classes: ["bool-box-checkbox"],
oninput: (event: Event) => this.onInput((event.target as HTMLInputElement).checked),
onclick: (event: Event) => {
this.onInput((event.target as HTMLInputElement).checked);
},
});
return UINode.make("div", {
classes: ["bool-box"],