Fix heights on transitions, text/plain display in dark mode

diff --git a/src-ui/src/app/components/common/input/select/select.component.ts b/src-ui/src/app/components/common/input/select/select.component.ts
index 0f65d76b661a088f68983bf5c647977e1cde8503..ddf900bf6b151aa082186999e8f85204b39114d2 100644 (file)
--- a/src-ui/src/app/components/common/input/select/select.component.ts
+++ b/src-ui/src/app/components/common/input/select/select.component.ts
@@ -77,7 +77,7 @@ export class SelectComponent extends AbstractInputComponent<number> {
   }
 
   get isPrivate(): boolean {
-    return this.items.find((i) => i.id === this.value)?.private
+    return this.items?.find((i) => i.id === this.value)?.private
   }
 
   getSuggestions() {

diff --git a/src-ui/src/app/components/common/page-header/page-header.component.scss b/src-ui/src/app/components/common/page-header/page-header.component.scss
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..d4f2165dd113f431311e958529c9f42a32295e88 100644 (file)
--- a/src-ui/src/app/components/common/page-header/page-header.component.scss
+++ b/src-ui/src/app/components/common/page-header/page-header.component.scss
@@ -0,0 +1,9 @@
+.h2 {
+    min-height: calc(1.325rem + 0.9vw);
+}
+
+@media (min-width: 1200px) {
+    .h2 {
+        min-height: 2.8rem;
+    }
+}

diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index 0e750f555116d12fcb3375fb755668811c5b6208..08a7d3c6d641ff1f87a51f9dca58b8d97154b4ec 100644 (file)
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -246,6 +246,10 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
       background-color: rgb(var(--bs-dark-rgb)) !important;
     }
   }
+
+  .preview-sticky.bg-white {
+    background-color: var(--pngx-bg-darker) !important;
+  }
 }
 
 body.color-scheme-dark {