parent
0d5b4bd8c8
commit
a727ee277b
1 changed files with 3 additions and 3 deletions
|
@ -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;' : ''};
|
||||||
|
|
Loading…
Reference in a new issue