cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-22 15:39:11 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

refactor: multi-line notes in rundown events

Browse Source
This commit is contained in:
Carlos Valente
2025-06-20 20:38:44 +02:00
committed by Carlos Valente
parent c1a4f04d37
commit a21fdc8481
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/rundown/event-block/EventBlock.module.scss
+9 -5
View File
@@ -16,7 +16,7 @@ $skip-opacity: 0.2;
'binder ... ... ...'; 'binder ... ... ...';
grid-template-columns: $block-binder-width 3rem 1fr auto; grid-template-columns: $block-binder-width 3rem 1fr auto;
grid-template-rows: 0.125rem 2rem 2rem 2rem 0.125rem; grid-template-rows: 0.125rem 2rem 2rem auto 0.125rem;
align-items: center; align-items: center;
padding-right: $block-clearance; padding-right: $block-clearance;
gap: 2px; gap: 2px;
@@ -119,6 +119,7 @@ $skip-opacity: 0.2;
.playbackActions { .playbackActions {
grid-area: pb-actions; grid-area: pb-actions;
align-self: flex-start;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0 0.5rem; margin: 0 0.5rem;
@@ -192,18 +193,21 @@ $skip-opacity: 0.2;
grid-area: notes; grid-area: notes;
display: block; display: block;
font-size: calc(1rem - 3px); font-size: calc(1rem - 3px);
line-height: 1em;
color: $block-text-color; color: $block-text-color;
line-height: calc(1rem - 3px);
max-height: 2rem; max-width: 35rem;
overflow-y: hidden;
// allow multi-line text but trim before
white-space: pre-line;
} }
.eventStatus { .eventStatus {
grid-area: status; grid-area: status;
align-self: flex-end;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: flex-end;
gap: 0.5rem; gap: 0.5rem;
color: var(--status-color-override, $gray-500); color: var(--status-color-override, $gray-500);