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"> <ng-container *ngIf="(formSection.visibleChanges | async) || formCompare">
<div class="header" *ngIf="formSection.separator; let separator"> <div class="header" *ngIf="formSection.separator; let separator">
<div class="row g-0"> <div class="row g-0 align">
<div class="col-auto"> <div class="col-auto">
<button type="button" class="btn btn-sm btn-text-secondary" (click)="toggle()"> <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> <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 { .header {
line-height: 2rem; margin-bottom: .25rem;
margin-bottom: .5rem; margin-top: 1rem;
margin-top: 1.5rem;
h3 { h3 {
line-height: 2rem; line-height: 2rem;
font-size: 1rem;
font-weight: 500;
}
sqx-form-hint {
margin-top: -.25rem;
} }
} }

Loading…
Cancel
Save