finishing

ondras · Oct 30, 2021 · bc3d4a9 · bc3d4a9
1 parent 7044546
commit bc3d4a9
Show file tree

Hide file tree

Showing 7 changed files with 27 additions and 12 deletions.
diff --git a/css/my-mind.less b/css/my-mind.less
@@ -38,7 +38,6 @@ button:not(:disabled) {
 	z-index: 1;
 	left: 10px;
 	bottom: 5px;
-	font-size: 14px;
 
 	&::before { content: "Tip: "; }
 

diff --git a/css/pane.less b/css/pane.less
@@ -46,7 +46,7 @@
 	p {
 		margin: 8px 16px;
 		&.desc { font-size: 13px; }
-		&.row {
+		&.row:not([hidden]) {
 			display: flex;
 			flex-direction: row;
 			align-items: center;
@@ -129,6 +129,11 @@
 			}
 		}
 
+		#icons {
+			font-size: inherit;
+			&, option { font-family: FontAwesome; }
+		}
+
 		footer {
 			display: flex;
 			flex-direction: row;

diff --git a/index.html b/index.html
@@ -13,7 +13,8 @@
 	</head>
 	<body>
 		<main>
-			<div id="tip">Type <code>:screenshot --selector svg</code> in Firefox Console to save the Map as an image! For more tips/news, follow <a href="https://twitter.com/my_mind_app">@my_mind_app</a>.</div>
+			<div id="tip">This app's internals have been recently overhauled &ndash; report any <a href="https://github.com/ondras/my-mind/issues">issues</a> you encounter! For more tips/news, follow <a href="https://twitter.com/my_mind_app">@my_mind_app</a>.</div>
+<!--			<div id="tip">Type <code>:screenshot --selector svg</code> in Firefox Console to save the Map as an image! For more tips/news, follow <a href="https://twitter.com/my_mind_app">@my_mind_app</a>.</div> -->
 <!--			<div id="tip">Press ‘Tab’ to Insert Child, ‘Enter’ to Insert Sibling Node. For more tips/news, follow <a href="https://twitter.com/my_mind_app">@my_mind_app</a>.</div> -->
 		</main>
 
@@ -80,7 +81,7 @@ <h3>My Mind</h3>
 
 			<p>
 				<label><span>Icons</span>
-				<select id="icons" class="fa-select">
+				<select id="icons">
 					<option value=''>None</option>
 					<option value='fa-500px'>&#xf26e; 500px</option>
 					<option value='fa-address-book'>&#xf2b9; address-book</option>
@@ -904,15 +905,15 @@ <h3></h3>
 			</div>
 
 			<div id="image">
-				<p class="desc">Export your design as a PNG image.</p>
+				<p class="desc">Export your design as an image.</p>
 				<p data-for="save">
 					<label><span>Format</span>
 					<select class="format">
 						<option value="png">PNG</option>
 						<option value="svg">SVG</option>
 					</select></label>
 				</p>
-				<p class="row" data-for="save">
+				<p class="row">
 					<button class="go"></button><button class="cancel">Cancel</button>
 				</p>
 			</div>

diff --git a/my-mind.css b/my-mind.css
diff --git a/my-mind.js b/my-mind.js
@@ -1294,7 +1294,7 @@
       this.prefix = "mm.map";
     }
     save(data, id, name) {
-      localStorage.setItem(this.prefix + id, data);
+      localStorage.setItem(`${this.prefix}.${id}`, data);
       let names = this.list();
       names[id] = name;
       localStorage.setItem(`${this.prefix}.names`, JSON.stringify(names));
@@ -2557,10 +2557,11 @@ ${text}`);
         } else {
           history.replaceState(null, "", ".");
         }
-        return;
       } catch (e) {
       }
+      return;
     }
+    setThrobber(false);
   }
   function show(mode2) {
     currentMode = mode2;

diff --git a/src/backend/local.ts b/src/backend/local.ts
@@ -7,7 +7,7 @@ export default class Local extends Backend {
 	constructor() { super("local"); }
 
 	save(data: string, id: string, name: string) {
-		localStorage.setItem(this.prefix + id, data);
+		localStorage.setItem(`${this.prefix}.${id}`, data);
 
 		let names = this.list();
 		names[id] = name;

diff --git a/src/ui/io.ts b/src/ui/io.ts
@@ -1,4 +1,5 @@
 import * as pubsub from "../pubsub.js";
+import * as app from "../my-mind.js";
 import { Mode, repo } from "./backend/backend.js";
 
 import BackendUI from "./backend/backend.js";
@@ -69,9 +70,11 @@ export function restore() {
 			} else {
 				history.replaceState(null, "", ".");
 			}
-			return;
 		} catch (e) { }
+		return;
 	}
+
+	app.setThrobber(false);
 }
 
 export function show(mode: Mode) {