From c07d7d863ba66ecaf73f8b47edc063172fe5e76d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc=20K=C3=B6hlbrugge?= Date: Tue, 27 Oct 2020 21:12:41 +0100 Subject: [PATCH] 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. --- src/app.js | 4 ++-- src/oauth/key.svg | 1 + src/oauth/oauth.css | 19 +++++++++++++++++++ src/oauth/oauth.html | 3 ++- 4 files changed, 24 insertions(+), 3 deletions(-) create mode 100644 src/oauth/key.svg diff --git a/src/app.js b/src/app.js index dc5b503..48d285d 100644 --- 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 new file mode 100644 index 0000000..5139e04 --- /dev/null +++ b/src/oauth/key.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/oauth/oauth.css b/src/oauth/oauth.css index e1e4627..1a18fe0 100644 --- 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 index 7bcf8c9..7adcc97 100644 --- a/src/oauth/oauth.html +++ b/src/oauth/oauth.html @@ -1,6 +1,7 @@ + WIP @@ -24,7 +25,7 @@

🚧 WIP Menubar

id="authorization-code" type="text" class="input" - placeholder="authorization code" + placeholder="Enter authorization code" />