mirrors/seafoam
1
0
Fork 0
mirror of https://github.com/DoomKitty87/seafoam.git synced 2024-12-27 23:47:24 +01:00
Code Issues Projects Releases Packages Wiki Activity

messing with easing, fixed map selection next button

Browse source
This commit is contained in:
Matthew Dinh 2023-08-22 18:23:57 -07:00
parent ba037fe91b
commit a2ac92d28c
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web-app/seafoam/src/index.html
View file

@ -453,9 +453,9 @@
function selectSquare(index) {
if (activeSquareIndex != -1) {
document.getElementById(activeSquareIndex).style.backgroundColor = "#0e141b";
document.getElementById("mapnextbutton").style.opacity = 1;
document.getElementById(activeSquareIndex).style.backgroundColor = "rgba(1, 1, 2, 0.665)";
}
document.getElementById("mapnextbutton").style.opacity = 1;
activeSquareIndex = parseInt(index);
let selectedSquareDiv = document.getElementById(index);
selectedSquareDiv.style.backgroundColor = "#edbdc2";

11
web-app/seafoam/src/styles.css
View file

@ -159,8 +159,8 @@ body {
border-radius: 50%;
display: block;
margin: 0.5rem auto auto auto;
transition: opacity 0.25s;
transition: transform 0.5s;
transition: opacity 0.25s ease-out;
transition: transform 0.25s ease-out;
transform: scale(0.5);
opacity: 0.3;
}
@ -216,7 +216,7 @@ body {
#mapnextbutton {
opacity: 0;
transition: opacity 0.5s ease-in;
transition: opacity 0.2s ease-out;
}
.nextbutton {
@ -342,8 +342,9 @@ body {
.settingdesc {
margin-top: 1rem;
width: 20rem;
font-size: 1rem;
font-weight: 300;
font-size: 12pt;
font-family: "Poppins-Thin";
letter-spacing: 0.05rem;
color: var(--white-text-color);
}