diff --git a/frontend/app/features/content/pages/content/content-field.component.ts b/frontend/app/features/content/pages/content/content-field.component.ts index f7867d3b2..bea1b080f 100644 --- a/frontend/app/features/content/pages/content/content-field.component.ts +++ b/frontend/app/features/content/pages/content/content-field.component.ts @@ -19,6 +19,9 @@ export class ContentFieldComponent implements OnChanges { @Output() public languageChange = new EventEmitter(); + @Input() + public compact = false; + @Input() public form: EditContentForm; @@ -49,7 +52,7 @@ export class ContentFieldComponent implements OnChanges { } public get isHalfWidth() { - return this.formModel.field.properties.isHalfWidth && !this.formCompare; + return this.formModel.field.properties.isHalfWidth && !this.compact && !this.formCompare; } public showAllControls = false; diff --git a/frontend/app/features/content/pages/content/content-section.component.html b/frontend/app/features/content/pages/content/content-section.component.html index 34e2690e2..179d8f92a 100644 --- a/frontend/app/features/content/pages/content/content-section.component.html +++ b/frontend/app/features/content/pages/content/content-section.component.html @@ -20,6 +20,7 @@
(); + @Input() + public compact = false; + @Input() public form: EditContentForm; diff --git a/frontend/app/features/content/shared/references/content-creator.component.html b/frontend/app/features/content/shared/references/content-creator.component.html index 764b885c8..3c4a8fad8 100644 --- a/frontend/app/features/content/shared/references/content-creator.component.html +++ b/frontend/app/features/content/shared/references/content-creator.component.html @@ -38,6 +38,7 @@
") !default;; + // Dark form control for the dark panel. .form-control-dark { & { @include placeholder-color($color-dark2-placeholder); - background: $color-dark2-control; + background-color: $color-dark2-control; border: 1px solid $color-dark2-control; color: darken($color-dark-foreground, 20%); transition: background-color .3s ease; @@ -275,6 +278,10 @@ label { border-color: lighten($color-dark2-control, 2%); color: $color-dark2-focus-foreground; } + + &.custom-select { + background: $color-dark2-control escape-svg($select-indicator) no-repeat right .75rem center / 8px 10px; + } } input {