added faded sidebars on out-of-date preview

slint-ui · Dec 10, 2024 · 9780984 · 9780984
1 parent 0f15a26
commit 9780984
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/tools/lsp/ui/main.slint b/tools/lsp/ui/main.slint
@@ -29,7 +29,6 @@ export component PreviewUi inherits Window {
     property <bool> show-left-sidebar;
     property <bool> show-right-sidebar;
 
-
     title: "Slint Live-Preview";
     icon: @image-url("assets/slint-logo-small-light.png");
 
@@ -40,7 +39,6 @@ export component PreviewUi inherits Window {
                     component-factory: Api.preview-area;
                 }
             }
-
         }
         if Api.show-preview-ui: Rectangle {
             VerticalLayout {
@@ -65,7 +63,6 @@ export component PreviewUi inherits Window {
                     }
                 }
 
-
                 HorizontalLayout {
                     spacing: EditorSpaceSettings.default-spacing;
 
@@ -98,6 +95,7 @@ export component PreviewUi inherits Window {
                     }
 
                     if  root.show-right-sidebar: PropertyView {
+                        opacity: preview.preview-is-current ? 1.0 : 0.3;
                         enabled: preview.preview-is-current;
                     }
                 }

diff --git a/tools/lsp/ui/views/library-view.slint b/tools/lsp/ui/views/library-view.slint
@@ -28,6 +28,7 @@ export component LibraryView {
     side-bar := Group {
         width: 100%;
         height: 100%;
+        opacity: root.preview-area-is-current ? 1 : 0.3;
 
         GroupHeader {
             title: @tr("Library");