mirror of
https://github.com/cpvalente/ontime.git
synced 2026-09-01 20:39:18 +00:00
refactor: small behaviour tweaks
This commit is contained in:
committed by
Carlos Valente
parent
bab50ea7db
commit
4320ad26a4
@@ -13,6 +13,7 @@ $button-size: 3rem;
|
|||||||
|
|
||||||
&.hidden {
|
&.hidden {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -2,7 +2,6 @@ import { useEffect, useState } from 'react';
|
|||||||
|
|
||||||
import { throttle } from '../utils/throttle';
|
import { throttle } from '../utils/throttle';
|
||||||
|
|
||||||
|
|
||||||
export const useFadeOutOnInactivity = () => {
|
export const useFadeOutOnInactivity = () => {
|
||||||
const [isMouseMoved, setIsMouseMoved] = useState(false);
|
const [isMouseMoved, setIsMouseMoved] = useState(false);
|
||||||
|
|
||||||
|
|||||||
@@ -78,7 +78,7 @@ function OperatorEvent(props: OperatorEventProps) {
|
|||||||
<span className={style.mainField}>{main}</span>
|
<span className={style.mainField}>{main}</span>
|
||||||
<span className={style.schedule}>
|
<span className={style.schedule}>
|
||||||
<ClockTime value={timeStart} preferredFormat12='h:mm' preferredFormat24='HH:mm' />
|
<ClockTime value={timeStart} preferredFormat12='h:mm' preferredFormat24='HH:mm' />
|
||||||
-
|
→
|
||||||
<ClockTime value={timeEnd} preferredFormat12='h:mm' preferredFormat24='HH:mm' />
|
<ClockTime value={timeEnd} preferredFormat12='h:mm' preferredFormat24='HH:mm' />
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
|
|||||||
@@ -111,7 +111,7 @@ export default function Backstage(props: BackstageProps) {
|
|||||||
<div className={`backstage ${isMirrored ? 'mirror' : ''}`} data-testid='backstage-view'>
|
<div className={`backstage ${isMirrored ? 'mirror' : ''}`} data-testid='backstage-view'>
|
||||||
<ViewParamsEditor viewOptions={backstageOptions} />
|
<ViewParamsEditor viewOptions={backstageOptions} />
|
||||||
<div className='project-header'>
|
<div className='project-header'>
|
||||||
{general?.projectLogo ? <ViewLogo name={general.projectLogo} className='logo' /> : <div className='logo' />}
|
{general?.projectLogo && <ViewLogo name={general.projectLogo} className='logo' />}
|
||||||
<div className='title'>{general.title}</div>
|
<div className='title'>{general.title}</div>
|
||||||
<div className='clock-container'>
|
<div className='clock-container'>
|
||||||
<div className='label'>{getLocalizedString('common.time_now')}</div>
|
<div className='label'>{getLocalizedString('common.time_now')}</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user