fr/guitar
1
0
Fork 1
Code Issues 7 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Formatting

Browse Source
This commit is contained in:
Filip Rojek 2025-03-12 22:59:20 +01:00
parent 8098ec0659
commit 7be812b8b7
2 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
static/js/song-controls.js
View File

@ -45,15 +45,20 @@ function pageScale(value) {
song.document.body.style.transform = "scale(1)";
return;
}
const currentScale = parseFloat(song.document.body.style.transform.split("scale(")[1]) || 1;
const currentScale =
parseFloat(song.document.body.style.transform.split("scale(")[1]) || 1;
song.document.body.style.transform = "scale(" + (currentScale + value) + ")";
}
controls.querySelector("#font-size-increase").addEventListener("click", () => pageScale(0.1));
controls.querySelector("#font-size-decrease").addEventListener("click", () => pageScale(-0.1));
controls.querySelector("#font-size-reset").addEventListener("click", () => pageScale(0));
controls
.querySelector("#font-size-increase")
.addEventListener("click", () => pageScale(0.1));
controls
.querySelector("#font-size-decrease")
.addEventListener("click", () => pageScale(-0.1));
controls
.querySelector("#font-size-reset")
.addEventListener("click", () => pageScale(0));
// Display the controls on JS-enabled browsers
window.addEventListener("load", () => controls.classList.remove = "hidden");
window.addEventListener("load", () => (controls.classList.remove = "hidden"));

10
templates/song.html
View File

@ -11,11 +11,11 @@
<div class="button icon-font-size" id="font-size-reset"></div>
<div class="button icon-add" id="font-size-increase"></div>
</section>
<!--<section class="transpose">-->
<!-- <div class="button icon-subtract" id="transpose-decrease"></div>-->
<!-- <div class="button icon-transpose" id="transpose-reset"></div>-->
<!-- <div class="button icon-add" id="transpose-increase"></div>-->
<!--</section>-->
<section class="transpose">
<div class="button icon-subtract" id="transpose-decrease"></div>
<div class="button icon-transpose" id="transpose-reset"></div>
<div class="button icon-add" id="transpose-increase"></div>
</section>
<section class="autoscroll">
<div class="button icon-subtract" id="autoscroll-decrease"></div>
<div class="button icon-scroll" id="autoscroll"></div>