mirrors/seafoam
1
0
Fork 0
mirror of https://github.com/DoomKitty87/seafoam.git synced 2024-12-29 08:26:49 +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) { function selectSquare(index) {
if (activeSquareIndex != -1) { if (activeSquareIndex != -1) {
document.getElementById(activeSquareIndex).style.backgroundColor = "#0e141b"; document.getElementById(activeSquareIndex).style.backgroundColor = "rgba(1, 1, 2, 0.665)";
document.getElementById("mapnextbutton").style.opacity = 1;
} }
document.getElementById("mapnextbutton").style.opacity = 1;
activeSquareIndex = parseInt(index); activeSquareIndex = parseInt(index);
let selectedSquareDiv = document.getElementById(index); let selectedSquareDiv = document.getElementById(index);
selectedSquareDiv.style.backgroundColor = "#edbdc2"; selectedSquareDiv.style.backgroundColor = "#edbdc2";

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

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