tldraw/assets/icons/icon/warning-triangle.svg
Steve Ruiz 5601d0ee22
Separate text-align property for shapes (#3627)
This PR creates a new "text align" property for text shapes. Its default
is left align.

This means that text shapes now have their own alignment prop, separate
from the vertical / horizontal alignment used in labels.

The style panel for text has no visual change:

<img width="400" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/aac80d2a-a069-4388-870b-1e0917d88eda">

The style panel for labels has consistent icons for label position:

<img width="487" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/0adf7f0e-8446-4d3e-b9ea-a61e43035207">

Both may be configured separately.

<img width="458" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/698dcfac-6eb2-4a8c-afb8-d1e5761019ef">


# Icon refresh

This PR also removes many unused icons.

It adds a special toggle icon for the context menu.

<img width="571" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/489551e6-a370-4528-9ad4-8f93e119f26b">
<img width="492" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/cd3d77c7-8bae-4369-8b53-ca4685b2fd0e">


### Change Type

- [x] `sdk` — Changes the tldraw SDK
- [x] `improvement` — Improving existing features

### Test Plan

1. Load files.
2. Paste excalidraw content.
3. Load v1 files.
4. Use the app as usual.

- [x] Unit Tests

### Release Notes

- Separates the text align property for text shapes and labels.

---------

Co-authored-by: huppy-bot[bot] <128400622+huppy-bot[bot]@users.noreply.github.com>
2024-04-29 10:58:15 +00:00

5 lines
674 B
XML

<svg width="32" height="30" viewBox="0 0 32 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16.3997" cy="19.4395" r="1.5" fill="black"/>
<path d="M15.0538 10.4595C15.0244 9.69574 15.6356 9.06055 16.3999 9.06055C17.1643 9.06055 17.7755 9.69574 17.7461 10.4595L17.4384 15.4613C17.4169 16.0193 16.9583 16.4606 16.3999 16.4606C15.8415 16.4606 15.383 16.0193 15.3615 15.4613L15.0538 10.4595Z" fill="black"/>
<path d="M29.9592 23.8499L16.5153 1.29299C16.2826 0.902566 15.7171 0.902566 15.4845 1.29299L2.04056 23.8499C1.80219 24.2498 2.09037 24.7571 2.55596 24.7571H29.4438C29.9094 24.7571 30.1976 24.2498 29.9592 23.8499Z" stroke="black" stroke-width="2"/>
</svg>