Files
ontime/apps/client/src/features/rundown/event-editor/EventEditor.module.scss
T
Carlos Valente ec823e0095 refactor: improve cuesheet composition
refactor: simplify placing events in rundown

m
2024-12-20 09:03:02 +01:00

74 lines
1.1 KiB
SCSS

.eventEditor {
color: $label-gray;
max-height: 100%;
overflow-y: auto;
padding: 0.5rem;
display: flex;
flex-direction: column;
overflow-x: auto;
}
.content {
padding-right: 4px;
padding-bottom: 4rem;
flex: 1;
display: flex;
flex-direction: column;
gap: 1rem;
overflow-y: auto;
}
.timeSettings {
display: flex;
flex-direction: column;
gap: 1rem;
}
.column {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 0.5rem;
}
.decorated {
color: var(--decorator-color, $ui-white);
background-color: var(--decorator-bg, $gray-1100);
width: fit-content;
padding: 0 0.5rem;
border-radius: 2px;
}
.delayLabel {
font-size: calc(1rem - 3px);
color: $ontime-delay-text;
&::after {
content: '\200b';
}
}
.switchLabel {
display: flex;
align-items: center;
gap: 0.5rem;
max-width: max-content;
cursor: pointer;
height: 30px; // manually match the height of a text input
}
.inline {
display: flex;
align-items: center;
gap: 1rem;
}
.splitTwo {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 1.5rem;
row-gap: 1rem;
}