-
diff --git a/src/lib/ResizeHandle.svelte b/src/lib/ResizeHandle.svelte
index 922713b..fa50714 100644
--- a/src/lib/ResizeHandle.svelte
+++ b/src/lib/ResizeHandle.svelte
@@ -4,26 +4,36 @@
let dragging = false;
- const startResize = () => dragging = true;
- const stopResize = () => dragging = false;
+ const startResize = () => (dragging = true);
+ const stopResize = () => (dragging = false);
const handleResize = () => {
if (!dragging) return;
- noteListHeight.set($mousePosition.y >= 55 && $mousePosition.y - 55)
+ noteListHeight.set($mousePosition.y >= 55 && $mousePosition.y - 55);
// TODO now check for page size and never allow the resize bar to go past the floor!
return;
};
-
+
-
+
diff --git a/src/lib/style.css b/src/lib/style.css
index 7daa890..af3d91b 100644
--- a/src/lib/style.css
+++ b/src/lib/style.css
@@ -12,7 +12,7 @@ a { color: inherit; text-decoration: inherit; }
button, input, optgroup, select, textarea { padding: 0; line-height: inherit; color: inherit; }
pre, code, kbd, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
-html, body { margin: 0; padding: 0; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 0.9rem; height: 100%; width: 100%; overflow: hidden;}
+html, body { background-color: #262728; margin: 0; padding: 0; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 0.9rem; height: 100%; width: 100%; overflow: hidden;}
.w-screen { width: 100vw; }
.h-screen { height: 100vh; }
.flex { display: flex; }
@@ -27,6 +27,10 @@ html, body { margin: 0; padding: 0; font-family: Verdana, Geneva, Tahoma, sans-s
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
+.pr-1 { padding-right: 0.25rem; }
+.pr-1\.5 { padding-right: 0.375rem; }
+.pl-1 { padding-left: 0.25rem; }
+.pl-1\.5 { padding-left: 0.375rem; }
.w-full { width: 100%; }
.h-full { height: 100%; }
.overflow-y-auto { overflow-y: auto; }
@@ -46,3 +50,7 @@ html, body { margin: 0; padding: 0; font-family: Verdana, Geneva, Tahoma, sans-s
.border-0 { border-width: 0; }
.outline-none { outline: none; }
.border-box { box-sizing: border-box; }
+.absolute { position: absolute; }
+.bg-transparent { background-color: transparent; }
+.overflow-hidden { overflow: hidden; }
+.elipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 10px; }