cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-09-01 20:39:18 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

refactor: vertical titles for small timeline area

Browse Source
This commit is contained in:
Carlos Valente
2026-04-01 08:40:59 +02:00
committed by Carlos Valente
parent 8c14c330f5
commit 7e3a9d634b
2 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/views/timeline/TimelineEntry.tsx
+3 -2
View File
@@ -56,7 +56,7 @@ export function TimelineEntry({
const hasDelay = delay > 0;
const lighterColour = alpha(colour, 0.7);
const showTitle = width > 25;
const showTitle = width > 20;
const smallArea = width < 40;
return (
@@ -96,6 +96,7 @@ export function TimelineEntry({
status={status}
/>
)}
{smallArea && <div className={style.title}>{title}</div>}
</div>
{showTitle && (
<>
@@ -109,7 +110,7 @@ export function TimelineEntry({
status={status}
/>
)}
<div>{title}</div>
{!smallArea && <div className={style.title}>{title}</div>}
</>
)}
</div>