Add css to display loading message

jiegec · Dec 13, 2023 · 8c2d871 · 8c2d871
1 parent d66ff5b
commit 8c2d871
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/code/viewer_partial.html b/code/viewer_partial.html
@@ -1,6 +1,13 @@
 {% raw %}
 <div id="app">
 
+<div v-if="false">
+  Loading... Please wait...
+  <p></p>
+</div>
+
+<div v-cloak>
+
 <b style="padding-top: 10px">Categories:</b>
 <p></p>
 
@@ -31,6 +38,7 @@
 <p></p>
 <p></p>
 
+</div>
 </div>
 
 <script type="module">

diff --git a/docs/main.css b/docs/main.css
@@ -0,0 +1,3 @@
+[v-cloak] {
+  display: none
+}
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -9,4 +9,6 @@ plugins:
   # - search:
   #     separator: '[\s\-\._]+' # add "_" and "."
   - macros:
-      include_dir: code
+      include_dir: code
+extra_css:
+  - main.css