Update Accordion editor styles

This commit is contained in:
djordje vlaisavljevic 2021-11-16 21:14:06 +01:00
parent 7cf9775ee5
commit afe40c8792
2 changed files with 17 additions and 6 deletions

View File

@ -1571,9 +1571,13 @@ button.emoji-picker__category-button.active {
flex-direction: column;
}
.kg-accordion-card-heading {
margin-right: 16px;
}
.kg-accordion-card-heading h4 {
font-weight: bold !important;
font-size: 1.8rem !important;
font-size: 2rem !important;
}
.kg-accordion-card-heading ::after {
@ -1587,8 +1591,13 @@ button.emoji-picker__category-button.active {
line-height: 1.6em;
}
.kg-accordion-card-content {
margin-top: 8px;
}
.kg-accordion-card-content p {
font-size: 1.6rem !important;
font-family: var(--font-family);
}
.kg-accordion-card-content ::after,

View File

@ -52,15 +52,17 @@
{{!-- rendered (non-edit) mode view --}}
<div class="kg-accordion-card">
<div class="flex items-center">
<div style="width:12px;margin-right: 9px">
{{svg-jar "koenig/kg-toggle-card-open-arrow"}}
</div>
<div class="flex items-start justify-between">
<div class="kg-accordion-card-heading">
<h4>{{{this.formattedHeading}}}</h4>
</div>
<div style="width:24px; height:24px;" class="flex items-center justify-center">
<div style="width:14px;">
{{svg-jar "koenig/kg-toggle-card-open-arrow"}}
</div>
<div style="padding-left: 2px" class="kg-accordion-card-content">
</div>
</div>
<div class="kg-accordion-card-content">
{{{this.formattedContent}}}
</div>