Browse Source

Reduced header size in content editor.

pull/892/head
Sebastian 4 years ago
parent
commit
ea3869bae2
  1. 2
      frontend/src/app/features/content/pages/content/editor/content-section.component.html
  2. 11
      frontend/src/app/features/content/pages/content/editor/content-section.component.scss

2
frontend/src/app/features/content/pages/content/editor/content-section.component.html

@ -1,6 +1,6 @@
<ng-container *ngIf="(formSection.visibleChanges | async) || formCompare">
<div class="header" *ngIf="formSection.separator; let separator">
<div class="row g-0">
<div class="row g-0 align">
<div class="col-auto">
<button type="button" class="btn btn-sm btn-text-secondary" (click)="toggle()">
<i [class.icon-caret-right]="snapshot.isCollapsed" [class.icon-caret-down]="!snapshot.isCollapsed"></i>

11
frontend/src/app/features/content/pages/content/editor/content-section.component.scss

@ -6,12 +6,17 @@ h3 {
}
.header {
line-height: 2rem;
margin-bottom: .5rem;
margin-top: 1.5rem;
margin-bottom: .25rem;
margin-top: 1rem;
h3 {
line-height: 2rem;
font-size: 1rem;
font-weight: 500;
}
sqx-form-hint {
margin-top: -.25rem;
}
}

Loading…
Cancel
Save