add element rich text
This commit is contained in:
parent
827abde41b
commit
457dbbb7de
12 changed files with 63 additions and 5 deletions
|
|
@ -49,6 +49,13 @@ watch(
|
|||
{{ element.title }}
|
||||
</h1>
|
||||
|
||||
<div
|
||||
v-if="element.richText !== ''"
|
||||
class="element-page__rich-text"
|
||||
data-cy="element-rich-text"
|
||||
v-html="element.richText"
|
||||
/>
|
||||
|
||||
<nav
|
||||
v-if="childElements.length > 0"
|
||||
class="element-page__children"
|
||||
|
|
@ -109,6 +116,27 @@ watch(
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.element-page__rich-text {
|
||||
margin-top: 1.75rem;
|
||||
color: #333333;
|
||||
font-family: var(--font-sans);
|
||||
font-size: 1.05rem;
|
||||
line-height: 1.75;
|
||||
}
|
||||
|
||||
.element-page__rich-text :deep(p) {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
.element-page__rich-text :deep(p:last-child) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.element-page__rich-text :deep(strong) {
|
||||
color: #2c2c2c;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.element-page__children {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue