variablelab/theatre
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Minor UX tweak

Browse source
This commit is contained in:
Aria Minaei 2021-08-09 13:04:53 +02:00
parent 47794d8761
commit 0cebfa913d
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
theatre/studio/src/panels/ObjectEditorPanel/propEditors/utils/NextPrevKeyframeCursors.tsx
View file

@ -2,7 +2,7 @@ import type {Keyframe} from '@theatre/core/projects/store/types/SheetState_Histo
import {pointerEventsAutoInNormalMode} from '@theatre/studio/css' import {pointerEventsAutoInNormalMode} from '@theatre/studio/css'
import {transparentize} from 'polished' import {transparentize} from 'polished'
import React from 'react' import React from 'react'
import styled from 'styled-components' import styled, {css} from 'styled-components'
const Container = styled.div` const Container = styled.div`
display: flex; display: flex;
@ -71,13 +71,18 @@ const CurButton = styled(Button)<{isOn: boolean}>`
props.isOn ? nextPrevCursorsTheme.onColor : nextPrevCursorsTheme.offColor}; props.isOn ? nextPrevCursorsTheme.onColor : nextPrevCursorsTheme.offColor};
` `
const pointerEventsNone = css`
pointer-events: none !important;
`
const PrevOrNextButton = styled(Button)<{available: boolean}>` const PrevOrNextButton = styled(Button)<{available: boolean}>`
color: ${(props) => color: ${(props) =>
props.available props.available
? nextPrevCursorsTheme.onColor ? nextPrevCursorsTheme.onColor
: nextPrevCursorsTheme.offColor}; : nextPrevCursorsTheme.offColor};
${(props) => (props.available ? pointerEventsAutoInNormalMode : '')}; ${(props) =>
props.available ? pointerEventsAutoInNormalMode : pointerEventsNone};
` `
const Prev = styled(PrevOrNextButton)<{available: boolean}>` const Prev = styled(PrevOrNextButton)<{available: boolean}>`