mirror of
https://github.com/penpot/penpot.git
synced 2025-06-01 00:51:39 +02:00
✨ Changes to text editor
This commit is contained in:
parent
d83459f674
commit
618d22d214
9 changed files with 115 additions and 149 deletions
|
@ -1,62 +1,61 @@
|
|||
foreignObject {
|
||||
.text-editor,
|
||||
.rich-text {
|
||||
color: $color-black;
|
||||
height: 100%;
|
||||
white-space: pre-wrap;
|
||||
font-family: sourcesanspro;
|
||||
|
||||
div {
|
||||
line-height: inherit;
|
||||
user-select: text;
|
||||
}
|
||||
.text-editor,
|
||||
.rich-text {
|
||||
color: $color-black;
|
||||
height: 100%;
|
||||
white-space: pre-wrap;
|
||||
font-family: sourcesanspro;
|
||||
|
||||
span {
|
||||
line-height: inherit;
|
||||
}
|
||||
div {
|
||||
line-height: inherit;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.text-editor {
|
||||
.DraftEditor-root {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
&.align-top {
|
||||
.DraftEditor-root {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
&.align-center {
|
||||
.DraftEditor-root {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
&.align-bottom {
|
||||
.DraftEditor-root {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
span {
|
||||
line-height: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.rich-text .paragraphs {
|
||||
.text-editor {
|
||||
.DraftEditor-root {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
&.align-top {
|
||||
&.align-top {
|
||||
.DraftEditor-root {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
&.align-center {
|
||||
&.align-center {
|
||||
.DraftEditor-root {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
&.align-bottom {
|
||||
&.align-bottom {
|
||||
.DraftEditor-root {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rich-text .paragraphs {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
&.align-top {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
&.align-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&.align-bottom {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue