From 8a5dfe5326437bd30b511bafd68a403620c334a9 Mon Sep 17 00:00:00 2001
From: Tienson Qin <tiensonqin@gmail.com>
Date: Thu, 11 Nov 2021 18:48:04 +0800
Subject: [PATCH] fix: mobile style issue on warning

---
 src/main/frontend/components/header.cljs  | 2 --
 src/main/frontend/components/sidebar.cljs | 5 ++++-
 src/main/frontend/components/widgets.cljs | 9 +++------
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/main/frontend/components/header.cljs b/src/main/frontend/components/header.cljs
index 06006b591..fb7864fd6 100644
--- a/src/main/frontend/components/header.cljs
+++ b/src/main/frontend/components/header.cljs
@@ -199,8 +199,6 @@
              {:on-click #(state/pub-event! [:go/search])}
              (ui/icon "search" {:style {:fontSize 20}})]))]
 
-       (widgets/demo-graph-alert)
-
        [:div.r.flex
         (when (and
                 (not (mobile-util/is-native-platform?))
diff --git a/src/main/frontend/components/sidebar.cljs b/src/main/frontend/components/sidebar.cljs
index d6402fb0d..0aa116e95 100644
--- a/src/main/frontend/components/sidebar.cljs
+++ b/src/main/frontend/components/sidebar.cljs
@@ -30,7 +30,8 @@
             [goog.object :as gobj]
             [rum.core :as rum]
             [frontend.extensions.srs :as srs]
-            [frontend.extensions.pdf.assets :as pdf-assets]))
+            [frontend.extensions.pdf.assets :as pdf-assets]
+            [frontend.components.widgets :as widgets]))
 
 (defn nav-item
   [title href svg-d active? close-modal-fn]
@@ -301,6 +302,8 @@
          {:data-is-global-graph-pages global-graph-pages?
           :data-is-full-width         (or global-graph-pages?
                                           (contains? #{:all-files :all-pages :my-publishing} route-name))}
+         (widgets/demo-graph-alert)
+
          (cond
            (not indexeddb-support?)
            nil
diff --git a/src/main/frontend/components/widgets.cljs b/src/main/frontend/components/widgets.cljs
index 33d25ea26..5d64e085b 100644
--- a/src/main/frontend/components/widgets.cljs
+++ b/src/main/frontend/components/widgets.cljs
@@ -138,9 +138,6 @@
   []
   (when (and (config/demo-graph?)
              (not config/publishing?))
-    [:div.flex.flex-row.admonitionblock.align-items
-     [:div.flex.flex-col.justify-center
-      (ui/icon "alert-triangle" {:style {:fontSize 20
-                                         :color "red"}})]
-     [:div.ml-1
-      [:p "(Demo graph) Changes will not be saved until you open a local folder"]]]))
+    (ui/admonition
+     :warning
+     [:p "This is a demo graph, changes will not be saved until you open a local folder."])))