feat: add previewer title and loading indicator

2020-07-14 01:19:48 +00:00
parent 0727496601
commit 716396a726
3 changed files with 38 additions and 13 deletions
--- a/frontend/src/css/styles.css
+++ b/frontend/src/css/styles.css
@@ -125,8 +125,13 @@
  height: 3.7em;
 }

-#previewer .action:first-of-type {
+#previewer .bar .title {
  margin-right: auto;
+  padding: 0 1em;
+  line-height: 2.7em;
+  overflow: hidden;
+  word-break: break-word;
+  color: #fff;
 }

 #previewer .action i {
@@ -219,6 +224,11 @@
  font-size: 1.2em;
 }

+#previewer .loading {
+  height: 100%;
+  width: 100%;
+}
+
 #editor-container #editor {
  height: calc(100vh - 8.2em);
 }