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 (