From 15c524c07d7a70b294d1cc75457e07813cf55037 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Wed, 9 Feb 2022 23:58:56 +0100
Subject: [PATCH] [ui] rudimentary "detail" mode

---
 webui/src/components/BrowseColumn.svelte | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/webui/src/components/BrowseColumn.svelte b/webui/src/components/BrowseColumn.svelte
index 2b07aa9..1429c37 100644
--- a/webui/src/components/BrowseColumn.svelte
+++ b/webui/src/components/BrowseColumn.svelte
@@ -11,6 +11,9 @@
   export let only: boolean;
 
   let editable = false;
+  let detail = only;
+  let detailChanged = false;
+  $: if (!detailChanged) detail = only;
 
   function visit() {
     window.open(normUrl(`/browse/${address}`), "_blank");
@@ -23,13 +26,21 @@
   });
 </script>
 
-<div class="view" class:editable>
+<div class="view" class:editable class:detail>
   <header>
     <IconButton
       name="pencil"
       on:click={() => (editable = !editable)}
       active={editable}
     />
+    <IconButton
+      name="fullscreen"
+      on:click={() => {
+        detail = !detail;
+        detailChanged = true;
+      }}
+      active={detail}
+    />
     <IconButton name="bookmark" on:click={() => visit()} disabled={only} />
     <IconButton
       name="x-circle"
@@ -58,6 +69,10 @@
       border-style: dashed;
     }
 
+    &.detail {
+      max-width: 100%;
+    }
+
     header {
       font-size: 20px;
       position: relative;