smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat/ability to change the alignment of the text (#1213)

Browse source 
* feat: add the ability to change the alignement of the text

* test: update the snapshots to included the newely textAlign state

* style: use explicit key assignment to object

* test: add missing new key textAlign to newElement.test.ts

* style: make the text on the buttons start with uppercase

* Update src/locales/en.json

* add types

* add migration

* remove incorrect update

Co-authored-by: Youness Fkhach <younessfkhach@porotonmail.com>
Co-authored-by: Lipis <lipiridis@gmail.com>
Co-authored-by: dwelle <luzar.david@gmail.com>
This commit is contained in:
Youness Fkhach 2020-04-08 21:00:27 +01:00 • committed by GitHub
parent 3fd6f3023f
commit ff82d1cfa3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 357 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Actions.tsx
View file

@ -56,6 +56,8 @@ export function SelectedShapeActions({
{renderAction("changeFontSize")}
{renderAction("changeFontFamily")}
{renderAction("changeTextAlign")}
</>
)}

3
src/components/App.tsx
View file

@ -714,6 +714,7 @@ export class App extends React.Component<any, AppState> {
opacity: this.state.currentItemOpacity,
text: text,
font: this.state.currentItemFont,
textAlign: this.state.currentItemTextAlign,
});
globalSceneState.replaceAllElements([
@ -1217,6 +1218,7 @@ export class App extends React.Component<any, AppState> {
opacity: element.opacity,
font: element.font,
angle: element.angle,
textAlign: element.textAlign,
zoom: this.state.zoom,
onChange: withBatchedUpdates((text) => {
if (text) {
@ -1288,6 +1290,7 @@ export class App extends React.Component<any, AppState> {
opacity: this.state.currentItemOpacity,
text: "",
font: this.state.currentItemFont,
textAlign: this.state.currentItemTextAlign,
});
this.setState({ editingElement: element });