PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Add locked indicator

Browse source
This commit is contained in:
Steve Ruiz 2022-06-26 08:11:00 +01:00
parent 3d936fd0a5
commit 93e774691d
2 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/core/src/components/ShapeIndicator/ShapeIndicator.tsx
View file

@ -34,6 +34,7 @@ export const ShapeIndicator = observer(function ShapeIndicator<T extends TLShape
'tl-absolute', 'tl-absolute',
isSelected && !user ? 'tl-selected' : 'tl-hovered', isSelected && !user ? 'tl-selected' : 'tl-hovered',
isEditing ? 'tl-editing' : '', isEditing ? 'tl-editing' : '',
shape.isLocked ? 'tl-locked' : '',
].join(' ')} ].join(' ')}
> >
<svg width="100%" height="100%"> <svg width="100%" height="100%">

3
packages/core/src/hooks/useStyle.tsx
View file

@ -264,6 +264,9 @@ export const TLCSS = css`
.tl-selected { .tl-selected {
stroke: var(--tl-selectStroke); stroke: var(--tl-selectStroke);
} }
.tl-locked {
stroke-dasharray: calc(3px * var(--tl-scale)) calc(3px * var(--tl-scale));
}
.tl-editing { .tl-editing {
stroke-width: calc(2.5px * min(5, var(--tl-scale))); stroke-width: calc(2.5px * min(5, var(--tl-scale)));
} }