hide codeblock before highlighted

fastrepl · Oct 28, 2024 · 7e6ae39 · 7e6ae39
1 parent 14c89bf
commit 7e6ae39
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/core/assets/js/app.js b/core/assets/js/app.js
@@ -92,6 +92,7 @@ const hooks = {
         ],
       }).then((html) => {
         this.el.innerHTML = html;
+        this.el.classList.remove("invisible");
       });
     },
   },

diff --git a/core/lib/canary_web/live/example_live/example.ex b/core/lib/canary_web/live/example_live/example.ex
@@ -17,7 +17,7 @@ defmodule CanaryWeb.ExampleLive.Example do
 
       <div class="flex flex-col gap-0 mt-4 text-wrap">
         <p>Actual code to render above ↓</p>
-        <code id={@id} phx-hook="Highlight"><%= @example.code %></code>
+        <code id={@id} phx-hook="Highlight" class="invisible"><%= @example.code %></code>
       </div>
     </div>
     """
-Original file line number
+Diff line change
@@ Expand Up / @@ -92,6 +92,7 @@ const hooks = { @@
             ],
           }).then((html) => {
             this.el.innerHTML = html;
+            this.el.classList.remove("invisible");
           });
         },
       },
@@ Expand Down @@