From 54db163cd871b5220f443b37bc95ea3bb2542431 Mon Sep 17 00:00:00 2001
From: "alonso.torres" <alonso.torres@kaleidos.net>
Date: Wed, 28 Feb 2024 15:30:23 +0100
Subject: [PATCH] :bug: Fix visual bug for scrolls on inspect mode

---
 .../src/app/main/ui/viewer/inspect/right_sidebar.cljs     | 4 +++-
 .../src/app/main/ui/viewer/inspect/right_sidebar.scss     | 8 ++++++++
 frontend/src/app/main/ui/workspace/sidebar/options.cljs   | 2 +-
 frontend/src/app/main/ui/workspace/sidebar/options.scss   | 4 ++++
 4 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/main/ui/viewer/inspect/right_sidebar.cljs b/frontend/src/app/main/ui/viewer/inspect/right_sidebar.cljs
index ea62c3111..e701734dc 100644
--- a/frontend/src/app/main/ui/viewer/inspect/right_sidebar.cljs
+++ b/frontend/src/app/main/ui/viewer/inspect/right_sidebar.cljs
@@ -109,7 +109,9 @@
             [:span {:class (stl/css :layer-title)} (:name first-shape)]])]
         [:div {:class (stl/css :inspect-content)}
          [:& tab-container {:on-change-tab handle-change-tab
-                            :selected @section}
+                            :selected @section
+                            :content-class (stl/css :tab-content)
+                            :header-class (stl/css :tab-header)}
           [:& tab-element {:id :info :title (tr "inspect.tabs.info")}
            [:& attributes {:page-id page-id
                            :objects objects
diff --git a/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss b/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss
index 1c58444d3..bb4fffe8b 100644
--- a/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss
+++ b/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss
@@ -96,3 +96,11 @@
   flex: 1;
   overflow: hidden;
 }
+
+.tab-content {
+  scrollbar-gutter: stable;
+}
+
+.tab-header {
+  margin-right: $s-12;
+}
diff --git a/frontend/src/app/main/ui/workspace/sidebar/options.cljs b/frontend/src/app/main/ui/workspace/sidebar/options.cljs
index ce83d7fa9..0a950b453 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/options.cljs
@@ -104,7 +104,7 @@
       {:on-change-tab on-change-tab
        :selected section
        :collapsable false
-       :content-class (stl/css :content-class)
+       :content-class (stl/css-case :content-class true :inspect (= section :inspect))
        :header-class (stl/css :tab-spacing)}
       [:& tab-element {:id :design
                        :title (tr "workspace.options.design")}
diff --git a/frontend/src/app/main/ui/workspace/sidebar/options.scss b/frontend/src/app/main/ui/workspace/sidebar/options.scss
index 3fc519cef..80a122994 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/options.scss
@@ -34,3 +34,7 @@
   gap: $s-8;
   padding-top: $s-8;
 }
+
+.inspect {
+  scrollbar-gutter: unset;
+}