dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

perfected the forgejo heatmap, made it prettier and fully visible on all devices

Browse source
This commit is contained in:
dvorakmortonxd 2026-05-15 12:59:10 +02:00
commit 74e5011b71
3 changed files with 27 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/app/page.css
View file

@ -1009,24 +1009,24 @@ body {
============================================ */
.heatmap-container {
display: flex;
overflow-x: auto;
gap: 4px;
justify-content: space-between;
width: 100%;
scrollbar-width: thin;
overflow-x: auto;
gap: 2px;
scrollbar-width: none;
scrollbar-color: var(--gray) transparent;
}
.heatmap-week {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
gap: 2px;
}
.heatmap-cell {
width: 12px;
height: 12px;
border-radius: 0; /* squares not rounded */
width: 100%;
aspect-ratio: 1;
border-radius: 2px;
background-color: var(--bg-hard);
transition: transform 0.1s ease;
}
@ -1042,5 +1042,16 @@ body {
.heatmap-cell[data-level="3"] { background-color: rgba(184, 187, 38, 0.8); }
.heatmap-cell[data-level="4"] { background-color: rgba(184, 187, 38, 1); }
.heatmap-legend-cell {
width: 11px;
height: 11px;
border-radius: 2px;
background-color: var(--bg-hard);
flex-shrink: 0;
}
.heatmap-legend-cell[data-level="1"] { background-color: rgba(184, 187, 38, 0.4); }
.heatmap-legend-cell[data-level="2"] { background-color: rgba(184, 187, 38, 0.6); }
.heatmap-legend-cell[data-level="3"] { background-color: rgba(184, 187, 38, 0.8); }
.heatmap-legend-cell[data-level="4"] { background-color: rgba(184, 187, 38, 1); }