Add help title-bar button (#72)

* newlines * add now.json * add newlines * remove now.json * re-add now.json with version field
botoxparty · Apr 28, 2020 · bfd5340 · bfd5340
1 parent 12af459
commit bfd5340
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 0 deletions.
diff --git a/docs/index.html.ejs b/docs/index.html.ejs
@@ -496,6 +496,16 @@
               <button aria-label="Close"></button>
             </div>
           </div>
+
+          <br>
+
+          <div class="title-bar">
+            <div class="title-bar-text">A Helpful Bar</div>
+            <div class="title-bar-controls">
+              <button aria-label="Help"></button>
+              <button aria-label="Close"></button>
+            </div>
+          </div>
         `) %>
       </div>
     </section>

diff --git a/icon/help.svg b/icon/help.svg
diff --git a/now.json b/now.json
@@ -0,0 +1,4 @@
+{
+  "version": 2,
+  "public": true
+}
diff --git a/style.css b/style.css
@@ -219,6 +219,12 @@ button::-moz-focus-inner {
   background-position: top 2px left 3px;
 }
 
+.title-bar-controls button[aria-label="Help"] {
+  background-image: svg-load("./icon/help.svg");
+  background-repeat: no-repeat;
+  background-position: top 2px left 5px;
+}
+
 .title-bar-controls button[aria-label="Close"] {
   margin-left: 2px;
   background-image: svg-load("./icon/close.svg");