tldraw/assets/icons/icon/disconnected.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

4 lines
1.4 KiB
XML

<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6246 8.08966C8.94285 8.1985 3.90974 10.7717 0.702407 14.7107C0.294387 15.2118 0.414914 15.9436 0.934298 16.3281C1.47615 16.7292 2.23941 16.5967 2.66586 16.0746C5.14686 13.0369 8.88675 10.9431 13.1591 10.4712L14.6246 8.08966ZM10.7967 14.3104C8.56295 15.0878 6.64328 16.4668 5.26387 18.2363C4.90293 18.6993 5.02803 19.3584 5.4999 19.7077C6.03125 20.101 6.78272 19.9442 7.19471 19.4272C7.56521 18.9623 7.98227 18.5316 8.43945 18.1411L10.7967 14.3104ZM20.3687 17.2713L21.5219 15.3972C22.7718 16.1511 23.8624 17.1153 24.7362 18.2362C25.0972 18.6992 24.9721 19.3583 24.5002 19.7076C23.9689 20.1009 23.2174 19.9442 22.8054 19.4272C22.1335 18.584 21.3085 17.8534 20.3687 17.2713ZM17.4759 21.9723L18.5682 20.1972C19.2365 20.6457 19.8039 21.2169 20.2326 21.8754C20.4882 22.268 20.3516 22.7786 19.975 23.0573C19.4174 23.4701 18.5978 23.1841 18.1652 22.6416C17.9665 22.3924 17.7347 22.1674 17.4759 21.9723ZM23.2506 12.5879L24.4705 10.6054C26.3359 11.6891 27.9726 13.0833 29.2977 14.7106C29.7057 15.2117 29.5852 15.9436 29.0658 16.3281C28.5239 16.7291 27.7607 16.5967 27.3342 16.0746C26.2093 14.6972 24.8255 13.5139 23.2506 12.5879Z" fill="black"/>
<rect x="23.376" y="0.169067" width="3" height="33.372" rx="1.5" transform="rotate(31.6059 23.376 0.169067)" fill="black"/>
</svg>