From c2cc88e43d1e05c2c69b6400fd5f54e128a48c7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Wed, 2 Aug 2023 21:11:43 +0200
Subject: [PATCH] fix: unclickable items in detail mode, fixes #57

---
 webui/src/components/Inspect.svelte           | 25 +++++++++----------
 .../src/components/display/BlobViewer.svelte  |  3 ++-
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/webui/src/components/Inspect.svelte b/webui/src/components/Inspect.svelte
index 039b5aa..e6074e0 100644
--- a/webui/src/components/Inspect.svelte
+++ b/webui/src/components/Inspect.svelte
@@ -8,7 +8,7 @@
   import Spinner from "./utils/Spinner.svelte";
   import NotesEditor from "./utils/NotesEditor.svelte";
   import type { AttributeChange } from "../types/base";
-  import type { ADDRESS_TYPE, EntityInfo } from "upend/types";
+  import type { EntityInfo } from "upend/types";
   import IconButton from "./utils/IconButton.svelte";
   import type { BrowseContext } from "../util/browse";
   import { Link, useParams } from "svelte-navigator";
@@ -21,6 +21,7 @@
   import { ATTR_IN, ATTR_LABEL, ATTR_KEY, ATTR_OF } from "upend/constants";
   import InspectGroups from "./InspectGroups.svelte";
   import InspectTypeEditor from "./InspectTypeEditor.svelte";
+
   const dispatch = createEventDispatcher();
   const params = useParams();
 
@@ -219,6 +220,7 @@
   }
 
   let identities = [address];
+
   function onResolved(ev: CustomEvent<string[]>) {
     identities = ev.detail;
     dispatch("resolved", ev.detail);
@@ -527,22 +529,19 @@
         justify-content: end;
       }
 
-      .blob-viewer {
-        width: 73%;
-        height: 100%;
-        position: absolute;
-        left: 1%;
-        top: 0;
-      }
-
-      .detail-col {
-        width: 25%;
-      }
-
       &.blob {
         .detail-col {
+          width: 25%;
           flex-grow: 0;
         }
+
+        .blob-viewer {
+          width: 73%;
+          height: 100%;
+          position: absolute;
+          left: 1%;
+          top: 0;
+        }
       }
     }
   }
diff --git a/webui/src/components/display/BlobViewer.svelte b/webui/src/components/display/BlobViewer.svelte
index a86f40d..3a199e0 100644
--- a/webui/src/components/display/BlobViewer.svelte
+++ b/webui/src/components/display/BlobViewer.svelte
@@ -11,6 +11,7 @@
   import api from "../../lib/api";
   import { createEventDispatcher } from "svelte";
   import { getTypes } from "../../util/mediatypes";
+
   const dispatch = createEventDispatcher();
 
   export let address: string;
@@ -82,7 +83,7 @@
   </div>
 {/if}
 
-<style scoped lang="scss">
+<style lang="scss">
   .preview {
     display: flex;
     align-items: center;