Tldraw/apps/examples/e2e/tests/export-snapshots.spec.ts-sn...
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
..
Export-snapshots-Exports-with-Exports-geo-text-with-leading-line-breaks-1-Mobile-Chrome-linux.png Fix newlines in text geo shapes (#2059) 2023-10-10 12:58:28 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-leading-line-breaks-1-chromium-linux.png Fix newlines in text geo shapes (#2059) 2023-10-10 12:58:28 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-leading-line-breaks-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-leading-line-breaks-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-mixed-RTL-in-dark-mode-1-Mobile-Chrome-linux.png textfields: fix RTL layout for SVG exports (#3680) 2024-05-03 13:40:59 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-mixed-RTL-in-dark-mode-1-chromium-linux.png textfields: fix RTL layout for SVG exports (#3680) 2024-05-03 13:40:59 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-trailing-line-breaks-1-Mobile-Chrome-linux.png Fix newlines in text geo shapes (#2059) 2023-10-10 12:58:28 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-trailing-line-breaks-1-chromium-linux.png Fix newlines in text geo shapes (#2059) 2023-10-10 12:58:28 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-trailing-line-breaks-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-trailing-line-breaks-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-fill-none-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-none-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-none-in-dark-mode-1-Mobile-Chrome-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-none-in-dark-mode-1-chromium-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-pattern-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-pattern-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-pattern-in-dark-mode-1-Mobile-Chrome-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-pattern-in-dark-mode-1-chromium-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-semi-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-semi-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-semi-in-dark-mode-1-Mobile-Chrome-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-semi-in-dark-mode-1-chromium-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-solid-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-solid-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-solid-in-dark-mode-1-Mobile-Chrome-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-solid-in-dark-mode-1-chromium-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-font-draw-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-draw-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-draw-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-draw-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-mono-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-mono-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-mono-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-mono-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-sans-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-sans-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-sans-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-sans-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-serif-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-serif-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-serif-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-serif-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-draw-fill-none-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-none-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-none-in-dark-mode-1-Mobile-Chrome-linux.png Dynamic size mode + fill fill (#3835) 2024-06-16 16:58:13 +00:00
Export-snapshots-Exports-with-draw-fill-none-in-dark-mode-1-chromium-linux.png Dynamic size mode + fill fill (#3835) 2024-06-16 16:58:13 +00:00
Export-snapshots-Exports-with-draw-fill-pattern-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-pattern-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-pattern-in-dark-mode-1-Mobile-Chrome-linux.png Dynamic size mode + fill fill (#3835) 2024-06-16 16:58:13 +00:00
Export-snapshots-Exports-with-draw-fill-pattern-in-dark-mode-1-chromium-linux.png Dynamic size mode + fill fill (#3835) 2024-06-16 16:58:13 +00:00
Export-snapshots-Exports-with-draw-fill-semi-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-semi-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-semi-in-dark-mode-1-Mobile-Chrome-linux.png Dynamic size mode + fill fill (#3835) 2024-06-16 16:58:13 +00:00
Export-snapshots-Exports-with-draw-fill-semi-in-dark-mode-1-chromium-linux.png Dynamic size mode + fill fill (#3835) 2024-06-16 16:58:13 +00:00
Export-snapshots-Exports-with-draw-fill-solid-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-solid-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-solid-in-dark-mode-1-Mobile-Chrome-linux.png Dynamic size mode + fill fill (#3835) 2024-06-16 16:58:13 +00:00
Export-snapshots-Exports-with-draw-fill-solid-in-dark-mode-1-chromium-linux.png Dynamic size mode + fill fill (#3835) 2024-06-16 16:58:13 +00:00
Export-snapshots-Exports-with-geo-fill-none-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-none-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-none-in-dark-mode-1-Mobile-Chrome-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-fill-none-in-dark-mode-1-chromium-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-fill-pattern-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-pattern-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-pattern-in-dark-mode-1-Mobile-Chrome-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-geo-fill-pattern-in-dark-mode-1-chromium-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-geo-fill-semi-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-semi-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-semi-in-dark-mode-1-Mobile-Chrome-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-geo-fill-semi-in-dark-mode-1-chromium-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-geo-fill-solid-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-solid-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-solid-in-dark-mode-1-Mobile-Chrome-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-fill-solid-in-dark-mode-1-chromium-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-font-draw-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-draw-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-draw-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-draw-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-mono-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-mono-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-mono-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-mono-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-sans-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-sans-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-sans-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-sans-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-serif-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-serif-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-serif-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-serif-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-note-font-draw-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-draw-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-draw-in-dark-mode-1-Mobile-Chrome-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-draw-in-dark-mode-1-chromium-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-mono-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-mono-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-mono-in-dark-mode-1-Mobile-Chrome-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-mono-in-dark-mode-1-chromium-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-sans-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-sans-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-sans-in-dark-mode-1-Mobile-Chrome-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-sans-in-dark-mode-1-chromium-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-serif-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-serif-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-serif-in-dark-mode-1-Mobile-Chrome-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-serif-in-dark-mode-1-chromium-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-text-font-draw-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-draw-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-draw-in-dark-mode-1-Mobile-Chrome-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-draw-in-dark-mode-1-chromium-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-mono-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-mono-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-mono-in-dark-mode-1-Mobile-Chrome-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-mono-in-dark-mode-1-chromium-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-sans-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-sans-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-sans-in-dark-mode-1-Mobile-Chrome-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-sans-in-dark-mode-1-chromium-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-serif-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-serif-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-serif-in-dark-mode-1-Mobile-Chrome-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-serif-in-dark-mode-1-chromium-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00