diff --git a/apps/client/src/features/control/message/MessageControl.module.scss b/apps/client/src/features/control/message/MessageControl.module.scss index 28d02d9da..b7e7ceed0 100644 --- a/apps/client/src/features/control/message/MessageControl.module.scss +++ b/apps/client/src/features/control/message/MessageControl.module.scss @@ -21,6 +21,22 @@ position: relative; } +.corner { + transform: rotate(45deg); + + position: absolute; + top: 0.5rem; + right: 0.5rem; + cursor: pointer; + color: $ui-white; + transition-property: color; + transition-duration: $transition-time-action; + + &:hover { + color: $ontime-color; + } +} + .options { display: flex; flex-direction: column; @@ -29,7 +45,7 @@ .eventStatus { position: absolute; - right: 0; + left: 0; margin: 0.5rem 0.25rem; display: flex; flex-direction: column; diff --git a/apps/client/src/features/control/message/TimerPreview.tsx b/apps/client/src/features/control/message/TimerPreview.tsx index a936ee9da..b4962cce8 100644 --- a/apps/client/src/features/control/message/TimerPreview.tsx +++ b/apps/client/src/features/control/message/TimerPreview.tsx @@ -7,6 +7,7 @@ import { TimerPhase, TimerType } from 'ontime-types'; import { useMessagePreview } from '../../../common/hooks/useSocket'; import useViewSettings from '../../../common/hooks-query/useViewSettings'; +import { handleLinks } from '../../../common/utils/linkUtils'; import { cx } from '../../../common/utils/styleUtils'; import { tooltipDelayMid } from '../../../ontimeConfig'; @@ -47,6 +48,7 @@ export default function TimerPreview() { return (
+ handleLinks(event, 'timer')} />
)}
{secondaryContent} diff --git a/apps/client/src/theme/_viewerDefs.scss b/apps/client/src/theme/_viewerDefs.scss index 9f39347e4..9f98799a3 100644 --- a/apps/client/src/theme/_viewerDefs.scss +++ b/apps/client/src/theme/_viewerDefs.scss @@ -26,7 +26,7 @@ $timer-color: rgba(white, 80%); // --timer-color-override $timer-finished-color: $playback-negative; $timer-bold-font-family: 'Arial Black', sans-serif; // --card-background-color-override -$external-color: rgba(white, 70%); // --external-color-override +$external-color: rgba(white, 85%); // --external-color-override // properties of other timers (clock and countdown) $timer-label-size: clamp(16px, 1.5vw, 24px); diff --git a/apps/server/src/app.ts b/apps/server/src/app.ts index cf988db81..2ffdf7998 100644 --- a/apps/server/src/app.ts +++ b/apps/server/src/app.ts @@ -210,7 +210,7 @@ export const startServer = async ( runtimeService.init(maybeRestorePoint); // eventStore set is a dependency of the services that publish to it - messageService.init(eventStore.set); + messageService.init((key, value) => eventStore.set(key, value)); expressServer.listen(serverPort, '0.0.0.0', () => { const nif = getNetworkInterfaces();