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)"; song.document.body.style.transform = "scale(1)";
return; 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) + ")"; song.document.body.style.transform = "scale(" + (currentScale + value) + ")";
} }
controls.querySelector("#font-size-increase").addEventListener("click", () => pageScale(0.1)); controls
controls.querySelector("#font-size-decrease").addEventListener("click", () => pageScale(-0.1)); .querySelector("#font-size-increase")
controls.querySelector("#font-size-reset").addEventListener("click", () => pageScale(0)); .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 // 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-font-size" id="font-size-reset"></div>
<div class="button icon-add" id="font-size-increase"></div> <div class="button icon-add" id="font-size-increase"></div>
</section> </section>
<!--<section class="transpose">--> <section class="transpose">
<!-- <div class="button icon-subtract" id="transpose-decrease"></div>--> <div class="button icon-subtract" id="transpose-decrease"></div>
<!-- <div class="button icon-transpose" id="transpose-reset"></div>--> <div class="button icon-transpose" id="transpose-reset"></div>
<!-- <div class="button icon-add" id="transpose-increase"></div>--> <div class="button icon-add" id="transpose-increase"></div>
<!--</section>--> </section>
<section class="autoscroll"> <section class="autoscroll">
<div class="button icon-subtract" id="autoscroll-decrease"></div> <div class="button icon-subtract" id="autoscroll-decrease"></div>
<div class="button icon-scroll" id="autoscroll"></div> <div class="button icon-scroll" id="autoscroll"></div>