tldraw/assets/icons/icon
Steve Ruiz ac149c1014
Dynamic size mode + fill fill (#3835)
This PR adds a user preference for "dynamic size mode" where the scale
of shapes (text size, stroke width) is relative to the current zoom
level. This means that the stroke width in screen pixels (or text size
in screen pixels) is identical regardless of zoom level.

![Kapture 2024-05-27 at 05 23
21](https://github.com/tldraw/tldraw/assets/23072548/f247ecce-bfcd-4f85-b7a5-d7677b38e4d8)

- [x] Draw shape
- [x] Text shape
- [x] Highlighter shape
- [x] Geo shape
- [x] Arrow shape
- [x] Note shape
- [x] Line shape

Embed shape?

### Change Type

- [x] `sdk` — Changes the tldraw SDK
- [x] `feature` — New feature

### Test Plan

1. Use the tools.
2. Change zoom

- [ ] Unit Tests

### Release Notes

- Adds a dynamic size user preferences.
- Removes double click to reset scale on text shapes.
- Removes double click to reset autosize on text shapes.

---------

Co-authored-by: Taha <98838967+Taha-Hassan-Git@users.noreply.github.com>
Co-authored-by: huppy-bot[bot] <128400622+huppy-bot[bot]@users.noreply.github.com>
2024-06-16 16:58:13 +00:00
..
align-bottom.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-center-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-center-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-left.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-right.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-top.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
arrow-left.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-arrow.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-bar.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-diamond.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-dot.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-none.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-square.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-triangle-inverted.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-triangle.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
blob.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
bring-forward.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
bring-to-front.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
broken.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
check-circle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
check.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
chevron-down.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
chevron-left.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
chevron-right.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
chevron-up.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
chevrons-ne.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
chevrons-sw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
clipboard-copied.svg share: make share/fork/copy actions clearer (#3846) 2024-06-03 08:42:08 +00:00
clipboard-copy.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
color.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
cross-2.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
cross-circle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
dash-dashed.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
dash-dotted.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
dash-draw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
dash-solid.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
disconnected.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
discord.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
distribute-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
distribute-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
dot.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
dots-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
dots-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
drag-handle-dots.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
duplicate.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
edit.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
external-link.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
fill-fill.svg Dynamic size mode + fill fill (#3835) 2024-06-16 16:58:13 +00:00
fill-none.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
fill-pattern.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
fill-semi.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
fill-solid.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
follow.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
following.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
font-draw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
font-mono.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
font-sans.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
font-serif.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-arrow-down.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-arrow-left.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-arrow-right.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-arrow-up.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-check-box.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-cloud.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-diamond.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-ellipse.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-heart.svg Add heart geo shape (#3787) 2024-05-24 13:04:28 +00:00
geo-hexagon.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-octagon.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-oval.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-pentagon.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-rectangle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-rhombus-2.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-rhombus.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-star.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-trapezoid.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-triangle.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-x-box.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
github.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
group.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
horizontal-align-end.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
horizontal-align-middle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
horizontal-align-start.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
info-circle.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
leading.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
link.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
lock.svg Fix missing icons (#3654) 2024-04-30 10:39:53 +00:00
menu.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
minus.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
mixed.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
pack.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
plus.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
question-mark-circle.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
question-mark.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
redo.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
reset-zoom.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
rotate-ccw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
rotate-cw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
send-backward.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
send-to-back.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
share-1.svg Fix missing icons (#3654) 2024-04-30 10:39:53 +00:00
size-extra-large.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
size-large.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
size-medium.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
size-small.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
spline-cubic.svg add missing spline icons (#3778) 2024-05-20 09:28:14 +00:00
spline-line.svg add missing spline icons (#3778) 2024-05-20 09:28:14 +00:00
stack-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
stack-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
stretch-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
stretch-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
text-align-center.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
text-align-left.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
text-align-right.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
toggle-off.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
toggle-on.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
tool-arrow.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-eraser.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-frame.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-hand.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-highlight.svg [3/3] Highlighter styling (#1490) 2023-06-01 15:34:59 +00:00
tool-laser.svg [feature] add laser pointer (#1412) 2023-05-19 11:09:13 +00:00
tool-line.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-media.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-note.svg Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
tool-pencil.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-pointer.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-screenshot.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
tool-text.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
trash.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
twitter.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
undo.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
ungroup.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
unlock.svg Fix missing icons (#3654) 2024-04-30 10:39:53 +00:00
vertical-align-end.svg Vertical text alignment for geo shapes (#1414) 2023-05-19 10:23:43 +00:00
vertical-align-middle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
vertical-align-start.svg Vertical text alignment for geo shapes (#1414) 2023-05-19 10:23:43 +00:00
warning-triangle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
zoom-in.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
zoom-out.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00