asolkar/web-workout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hide when workout done

Browse Source
This commit is contained in:
Mahesh Asolkar 2025-03-30 15:56:32 -07:00
parent c46b37756a
commit 6cfce18819
Signed by: asolkar
GPG Key ID: 371CA8164433BDCC
2 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Workout.js
View File

@ -256,6 +256,12 @@ update_active_item() {
buttons.forEach(function(bttn, bidx) { buttons.forEach(function(bttn, bidx) {
bttn.disabled = true; bttn.disabled = true;
}); });
const wo_done = this.text_element("div", "");
wo_done.setAttribute("id", "workout-done");
const wo_done_txt = this.text_element("div", "Workout done!");
wo_done_txt.classList.add("workout-done-txt");
wo_done.appendChild(wo_done_txt);
this.container.appendChild(wo_done);
} }
} }

24
style.css
View File

@ -156,6 +156,30 @@ html {
color: grey; color: grey;
} }
/* Workout done sheet that covers everything */
#workout-done {
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background-color: rgba(200,200,200,0.5);
z-index: 2000;
backdrop-filter: blur(0.5em);
}
#workout-done .workout-done-txt {
position: absolute;
top: 45%;
width: 100%;
text-align: center;
font-family: "Boldonse", system-ui;
font-weight: 400;
font-size: xx-large;
color: white;
text-shadow: var(--indicator-done-grade) 0.5em 0.5em 1em;
}
/* Floating Action Buttons */ /* Floating Action Buttons */
#fab-wrapper { #fab-wrapper {
position: fixed; position: fixed;