several user QoL styling improvements, incl. footer icon .active color painting

This commit is contained in:
Disco DeDisco
2026-03-09 22:42:30 -04:00
parent 382dd5958f
commit 645b265c80
7 changed files with 60 additions and 10 deletions

View File

@@ -24,9 +24,9 @@
right: 0.5rem;
z-index: 100;
background-color: rgba(var(--priUser), 0.95);
border: 0.15rem solid rgba(var(--secUser), 0.5);
border: 0.15rem solid rgba(var(--secUser), 1);
box-shadow:
0.1rem 0.1rem 0.12rem rgba(var(--priUser), 0.5),
0 0 0.5rem rgba(var(--secUser), 0.75),
0.12rem 0.12rem 0.5rem rgba(0, 0, 0, 0.25),
;
border-radius: 0.75rem;

View File

@@ -175,11 +175,18 @@ body {
a {
font-size: 1.75rem;
color: rgba(var(--quaUser), 0.9);
color: rgba(var(--secUser), 0.6);
text-shadow:
0 0 0.25rem rgba(0, 0, 0, 0.5),
0 0 0.25rem rgba(0, 0, 0, 0.25),
;
&.active {
color: rgba(var(--quaUser), 1);
text-shadow:
0 0 0.5rem rgba(0, 0, 0, 0.5),
;
}
&:hover {
color: rgba(var(--quaUser), 1);
text-shadow:

View File

@@ -45,16 +45,51 @@ body.page-gameboard {
#id_applet_game_kit {
display: flex;
flex-direction: column;
overflow: visible;
#id_game_kit {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
gap: 0.75rem;
overflow-x: auto;
justify-content: space-evenly;
overflow-x: visible;
scrollbar-width: none;
&::-webkit-scrollbar { display: none; }
.token-tooltip {
z-index: 1000;
}
.token,
.kit-item {
font-size: 1.5rem;
}
.kit-item {
opacity: 0.6;
}
}
}
}
#id_applet_new_game,
#id_applet_my_games {
display: flex;
flex-direction: column;
ul {
flex: 1;
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
small {
opacity: 0.5;
font-style: italic;
}
}
}

View File

@@ -1,7 +1,7 @@
.token {
position: relative;
display: inline-block;
cursor: pointer;
cursor: help;
color: rgba(var(--terUser), 1);
.token-tooltip {