Full screen spinner.

chr15m · chr15m · commit d7a86b61bdcf · 2018-06-10T20:25:37.000+08:00
Fixes #7.
diff --git a/css/site.css b/css/site.css
@@ -262,7 +262,7 @@ path {
 .event span {
 }
 
-#success-modal {
+#success-modal, #spinner-modal {
   position: fixed;
   top: 0px;
   left: 0px;
@@ -278,7 +278,11 @@ path {
   justify-content: center;
 }
 
-#success-modal svg {
+#success-modal svg, #spinner-modal svg {
   position: relative;
   margin-right: 0.25em;
 }
+
+#spinner-modal svg {
+  animation: spinspin 0.5s infinite linear;
+}
diff --git a/src/main.wisp b/src/main.wisp
@@ -122,7 +122,7 @@
 (defn component-spinner [data]
   (m :div {:id "notifications"}
      (if (or (get data :error) (get data :spinner))
-       [(if (get data :spinner) (m :div {:id "spinner"} "."))
+       [(if (get data :spinner) (m :div {:id "spinner-modal"} [(svg-icon "reload")]))
         (if (get data :error) (m :span {:id "error-messages"} (get data :error)))])))
 
 (defn component-comment [data]

Original file line number	Diff line number	Diff line change
`@@ -262,7 +262,7 @@ path {`
`262`	`262`	`.event span {`
`263`	`263`	`}`
`264`	`264`
`265`		`-#success-modal {`
	`265`	`+#success-modal, #spinner-modal {`
`266`	`266`	`position: fixed;`
`267`	`267`	`top: 0px;`
`268`	`268`	`left: 0px;`
`@@ -278,7 +278,11 @@ path {`
`278`	`278`	`justify-content: center;`
`279`	`279`	`}`
`280`	`280`
`281`		`-#success-modal svg {`
	`281`	`+#success-modal svg, #spinner-modal svg {`
`282`	`282`	`position: relative;`
`283`	`283`	`margin-right: 0.25em;`
`284`	`284`	`}`
	`285`	`+`
	`286`	`+#spinner-modal svg {`
	`287`	`+ animation: spinspin 0.5s infinite linear;`
	`288`	`+}`