Add frame to OAuth window

Apple App Store review mentioned people cannot quit the app if they are on the OAuth window. So now we've added a close button.
marckohlbrugge · Oct 27, 2020 · c07d7d8 · c07d7d8
1 parent 04f1b1e
commit c07d7d8
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 3 deletions.
diff --git a/src/app.js b/src/app.js
@@ -206,8 +206,8 @@ app.on('ready', () => {
       backgroundColor: '#000000',
       title: `${pjson.name} - OAuth`,
       width: 400,
-      height: 240,
-      frame: false,
+      height: 260,
+      frame: true,
       resizable: false,
       maximizable: false,
       minimizable: false,

diff --git a/src/oauth/key.svg b/src/oauth/key.svg
diff --git a/src/oauth/oauth.css b/src/oauth/oauth.css
@@ -43,3 +43,22 @@ code {
   background-color: #444;
   color: white;
 }
+
+i.fas.fa-key {
+  font-size: 1em;
+  line-height: 1em;
+  vertical-align: -0.1em;
+  height: 1em;
+  width: 1em;
+  display: block;
+  background-size: contain;
+  color: lightgreen;
+  -webkit-mask-position: center center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-image: url(./key.svg);
+  background: #ccc;
+}
+
+input, input:active, input:focus {
+  border-width: 0 !important;
+}
diff --git a/src/oauth/oauth.html b/src/oauth/oauth.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
+    <title>WIP</title>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="../../node_modules/bulma/css/bulma.min.css" />
@@ -24,7 +25,7 @@ <h1>🚧 WIP Menubar</h1>
             id="authorization-code"
             type="text"
             class="input"
-            placeholder="authorization code"
+            placeholder="Enter authorization code"
           />
           <span class="icon is-left"> <i class="fas fa-key"></i> </span>
           <span class="icon is-right">