xTr1m/GameList
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add emoji feedback to vote sliders

Browse Source
This commit is contained in:
Frank Tovar
2026-01-29 02:24:29 +01:00
parent 9084958502
commit 993212ae1e
2 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
wwwroot/styles.css
View File

@@ -185,7 +185,8 @@ button.ghost {
}
.vote-controls { display: flex; gap: 10px; align-items: center; margin-top: auto; padding-top: 8px; }
.score { font-weight: 700; }
.score { font-weight: 700; min-width: 36px; text-align: center; }
.score-emoji { font-size: 18px; }
.results-grid .game-card { border-color: #2563eb44; }
@@ -193,25 +194,25 @@ button.ghost {
input[type="range"].full-slider {
-webkit-appearance: none;
width: 100%;
height: 14px;
height: 20px;
border-radius: 999px;
background: linear-gradient(90deg, #1d4ed8, #22c55e);
background: linear-gradient(90deg, #d81d4e, #d8c552, #22c55e);
outline: none;
box-shadow: inset 0 0 0 1px #1f2937, 0 4px 12px rgba(0,0,0,0.25);
}
input[type="range"].full-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 22px;
height: 22px;
width: 28px;
height: 28px;
border-radius: 50%;
background: #e5e7eb;
border: 2px solid #0f172a;
box-shadow: 0 4px 10px rgba(0,0,0,0.35);
}
input[type="range"].full-slider::-moz-range-thumb {
width: 22px;
height: 22px;
width: 28px;
height: 28px;
border-radius: 50%;
background: #e5e7eb;
border: 2px solid #0f172a;
@@ -224,7 +225,7 @@ input[type="range"].full-slider::-moz-range-track {
border: 1px solid #1f2937;
}
.score { font-weight: 700; min-width: 36px; text-align: center; }
.score { font-weight: 700; min-width: 36px; font-size: 24px; text-align: center; }
.hidden { display: none !important; }