From 9985e9b62391348ff813771fd8c61f7f692fcb6a Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 22 Mar 2025 02:04:25 +0200
Subject: [PATCH] feat(mermaid): add visual indicator for preview on error

---
 .../widgets/type_widgets/abstract_split_type_widget.ts   | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/public/app/widgets/type_widgets/abstract_split_type_widget.ts b/src/public/app/widgets/type_widgets/abstract_split_type_widget.ts
index 26f6766d4..e153bc408 100644
--- a/src/public/app/widgets/type_widgets/abstract_split_type_widget.ts
+++ b/src/public/app/widgets/type_widgets/abstract_split_type_widget.ts
@@ -35,6 +35,14 @@ const TPL = `\
             margin: 0.1em;
         }
 
+        .note-detail-split .note-detail-split-preview {
+            transition: opacity 250ms ease-in-out;
+        }
+
+        .note-detail-split .note-detail-split-preview.on-error {
+            opacity: 0.5;
+        }
+
         /* Horizontal layout */
 
         .note-detail-split.split-horizontal > .note-detail-split-second-col {
@@ -139,6 +147,7 @@ export default abstract class AbstractSplitTypeWidget extends TypeWidget {
 
     setError(message: string | null | undefined) {
         this.$errorContainer.toggleClass("hidden-ext", !message);
+        this.$preview.toggleClass("on-error", !!message);
         this.$errorContainer.text(message ?? "");
     }