cosmo/fvtt-session-tracker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: Add interactive hover effects to the session tracker UI and update module version.

Browse source
This commit is contained in:
CPTN Cosmo 2025-12-21 20:07:14 +01:00
parent 05184e929f
commit abb8780f41
2 changed files with 26 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

4
module.json
View file

@ -2,7 +2,7 @@
"id": "fvtt-session-tracker",
"title": "Session Tracker",
"description": "A lightweight session tracker for Foundry VTT V13.",
"version": "1.0.0",
"version": "1.0.1",
"authors": [
{
"name": "CPTN Cosmo",
@ -23,6 +23,6 @@
],
"url": "https://github.com/cptn-cosmo/fvtt-session-tracker",
"manifest": "https://github.com/cptn-cosmo/fvtt-session-tracker/releases/latest/download/module.json",
"download": "https://github.com/cptn-cosmo/fvtt-session-tracker/releases/download/1.0.0/fvtt-session-tracker.zip",
"download": "https://github.com/cptn-cosmo/fvtt-session-tracker/releases/download/1.0.1/fvtt-session-tracker.zip",
"license": "MIT"
}

34
styles/session-tracker.css
View file

@ -10,40 +10,54 @@
}
.session-tracker-content {
background: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.15);
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 12px;
padding: 10px 16px;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.3s ease;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0);
transition: all 0.3s ease;
transform: scale(var(--scale, 1));
transform-origin: center center;
}
.session-tracker-content:hover {
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.55);
background: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}
.session-label {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.3);
font-weight: 700;
transition: color 0.3s ease;
}
.session-tracker-content:hover .session-label {
color: rgba(255, 255, 255, 0.6);
}
.session-number {
font-size: 32px;
font-weight: 700;
color: rgba(255, 255, 255, 0.7);
text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin-top: -4px;
transition: all 0.3s ease;
}
.session-tracker-content:hover .session-number {
color: #fff;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
margin-top: -4px;
}
.session-controls {