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

fixed a bug with mobile devices that makes it so the commit date in the contribution section overlaps thru the tui border

Browse source
This commit is contained in:
dvorakmortonxd 2026-05-19 12:01:20 +02:00
commit 0ca9b14661
2 changed files with 149 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

133
src/app/page.css
View file

@ -1028,6 +1028,79 @@ body {
/* ============================================
HEATMAP
============================================ */
.contribution-heatmap {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
min-width: 0;
overflow: hidden;
}
.contribution-command-row {
display: flex;
justify-content: space-between;
align-items: center;
min-width: 0;
}
.contribution-command {
min-width: 0;
color: var(--fg);
font-size: 0.85rem;
overflow-wrap: anywhere;
}
.contribution-log {
min-width: 0;
}
.contribution-log-command {
margin-bottom: 4px;
}
.contribution-entry {
display: flex;
flex-direction: column;
min-width: 0;
color: var(--fg);
font-size: 0.8rem;
}
.contribution-entry-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 10px;
min-width: 0;
color: var(--white);
}
.contribution-repo {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.contribution-date {
flex-shrink: 0;
max-width: 48%;
color: var(--green);
font-size: 0.67rem;
line-height: 1.25;
text-align: right;
overflow-wrap: anywhere;
}
.contribution-message {
min-width: 0;
color: var(--gray);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.heatmap-container {
display: flex;
width: 100%;
@ -1037,6 +1110,29 @@ body {
scrollbar-color: var(--gray) transparent;
}
.heatmap-status-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
min-width: 0;
margin-top: 4px;
color: var(--gray);
font-size: 0.75rem;
}
.heatmap-status-text {
min-width: 0;
overflow-wrap: anywhere;
}
.heatmap-legend {
display: flex;
flex-shrink: 0;
align-items: center;
gap: 4px;
}
.heatmap-week {
display: flex;
flex-direction: column;
@ -1076,3 +1172,40 @@ body {
.heatmap-legend-cell[data-level="3"] { background-color: rgba(142, 68, 173, 0.8); }
.heatmap-legend-cell[data-level="4"] { background-color: rgba(142, 68, 173, 1); }
@media (max-width: 520px) {
.contribution-command {
font-size: 0.72rem;
line-height: 1.45;
}
.heatmap-status-row {
flex-direction: column;
align-items: flex-start;
}
.contribution-entry {
font-size: 0.74rem;
}
.contribution-entry-header {
flex-direction: column;
gap: 1px;
}
.contribution-repo {
width: 100%;
white-space: normal;
overflow-wrap: anywhere;
}
.contribution-date {
max-width: 100%;
text-align: left;
font-size: 0.64rem;
}
.contribution-message {
white-space: normal;
overflow-wrap: anywhere;
}
}