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 |