Fix https://github.com/theatre-js/theatre/issues/361
This commit is contained in:
Clément Roche 2022-12-28 01:10:53 +01:00 committed by Aria Minaei
parent 0d5b4bd8c8
commit a727ee277b

View file

@ -38,7 +38,7 @@ const dotTheme = {
selectedAndInlineEditorOpenColor: '#CBEBEA', selectedAndInlineEditorOpenColor: '#CBEBEA',
} }
const selectBacgroundForDiamond = ({ const selectBackgroundForDiamond = ({
isSelected, isSelected,
isInlineEditorPopoverOpen, isInlineEditorPopoverOpen,
}: IDiamond) => { }: IDiamond) => {
@ -64,7 +64,7 @@ const Diamond = styled.div<IDiamond>`
position: absolute; position: absolute;
${absoluteDims(DOT_SIZE_PX)} ${absoluteDims(DOT_SIZE_PX)}
background: ${(props) => selectBacgroundForDiamond(props)}; background: ${(props) => selectBackgroundForDiamond(props)};
transform: rotateZ(45deg); transform: rotateZ(45deg);
${(props) => ${(props) =>
@ -78,7 +78,7 @@ const Square = styled.div<IDiamond>`
position: absolute; position: absolute;
${absoluteDims(DOT_SIZE_PX * 1.5)} ${absoluteDims(DOT_SIZE_PX * 1.5)}
background: ${(props) => selectBacgroundForDiamond(props)}; background: ${(props) => selectBackgroundForDiamond(props)};
${(props) => ${(props) =>
props.flag === PresenceFlag.Primary ? 'outline: 2px solid white;' : ''}; props.flag === PresenceFlag.Primary ? 'outline: 2px solid white;' : ''};