TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-26 04:13:30 +03:00
Code Issues Projects Releases Wiki Activity

Update Accordion editor styles

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ghost/admin/app/styles/components/koenig.css
View File

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

12
ghost/admin/lib/koenig-editor/addon/components/koenig-card-accordion.hbs
View File

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