🐛 Fix visual problems on inspect panel

frontend/src/app/main/ui/viewer/inspect/code.cljs

@@ -240,7 +240,8 @@
         [:button.download-button {:on-click handle-open-review}
          "Preview"]]
 
-     [:div {:class (stl/css :code-block)}
+     [:div {:class (stl/css-case :code-block true
+                                 :collapsed collapsed-css?)}
       [:div {:class (stl/css :code-row-lang)}
        [:button {:class (stl/css :toggle-btn)
                  :data-type "css"
@@ -274,7 +275,8 @@
              :on-lost-pointer-capture on-style-lost-pointer-capture
              :on-pointer-move on-style-pointer-move}]]
 
-     [:div {:class (stl/css :code-block)}
+     [:div {:class (stl/css-case :code-block true
+                                 :collapsed collapsed-markup?)}
       [:div {:class (stl/css :code-row-lang)}
        [:button {:class (stl/css :toggle-btn)
                  :data-type "markup"

frontend/src/app/main/ui/viewer/inspect/code.scss

@@ -26,7 +26,6 @@
   @include codeTypography;
   display: flex;
   flex-direction: column;
-  flex: 1;
   height: 100%;
   min-height: 0;
   overflow: hidden;
@@ -35,7 +34,6 @@
   pre {
     border-radius: $br-8;
     padding: $s-16;
-    max-height: var(--code-height);
     overflow: auto;
     height: 100%;
   }
@@ -44,6 +42,10 @@
   :global(.hljs) {
     background: $db-tertiary;
   }
+
+  &.collapsed {
+    height: initial;
+  }
 }
 
 .code-row-lang {

frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss

@@ -16,6 +16,7 @@
   grid-area: right-sidebar;
   padding-top: $s-8;
   padding-left: $s-12;
+  overflow: hidden;
   &.viewer-code {
     height: calc(100vh - $s-48);
   }