~dricottone/noticable: Styling updates - dominic-ricottone.com git

1dfbf68f6b5ce97605a001f4ee3797651722035b — Dominic Ricottone 3 years ago ce7dbb5

Styling updates

 + Font is consistent throughout
 + Window title reflects project tagline
 + Width of editor should resize
 + Editor text should wrap and reflow at window width

patch browse .tar.gz

3 files changed, 5 insertions(+), 3 deletions(-)

M index.html
M renderer.js
M style.css

M index.html => index.html +1 -1

@@ 3,7 3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
-    <title>A noticable note editor</title>
+    <title>noticable - A bad note app</title>
     <meta name="description" content="" />
     <link rel="stylesheet" href="node_modules/github-markdown-css/github-markdown.css" />
     <link rel="stylesheet" href="style.css" />

M renderer.js => renderer.js +2 -1

@@ 11,7 11,8 @@ require(['vs/editor/editor.main'], function () {
     minimap: {
       enabled: false
     },
-    value: ''
+    value: '',
+    wordWrap: 'on',
   });
 });

M style.css => style.css +2 -1

@@ 10,6 10,7 @@ body {
   left: 0;
   background-color: black;
   overflow-x: hidden;
+  font-family: "-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji";
 }
 .sidebar p {
   color: white;


@@ 69,7 70,7 @@ ul#list-filenames li.highlight {
   display: block;
 }
 .container {
-  max-width: 1000px;
+  width: calc(100% - 200px);
   height: 100%;
   margin-left: 200px;
   transition: all 0.4s ease-out;