From 9807e2f4c626dbc7741447a6f49f01e84a11686f Mon Sep 17 00:00:00 2001 From: 0neGal Date: Mon, 17 Jan 2022 14:22:00 +0100 Subject: added minimize button --- src/app/icons/minimize.png | Bin 0 -> 981 bytes src/app/index.html | 5 ++++- src/app/main.css | 24 ++++++++++++++++-------- src/index.js | 1 + 4 files changed, 21 insertions(+), 9 deletions(-) create mode 100644 src/app/icons/minimize.png (limited to 'src') diff --git a/src/app/icons/minimize.png b/src/app/icons/minimize.png new file mode 100644 index 0000000..4169e28 Binary files /dev/null and b/src/app/icons/minimize.png differ diff --git a/src/app/index.html b/src/app/index.html index 8ebffff..c8777e4 100644 --- a/src/app/index.html +++ b/src/app/index.html @@ -8,7 +8,10 @@

diff --git a/src/app/main.css b/src/app/main.css index 3907461..de0db46 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -26,25 +26,33 @@ background: var(--red); } -.playBtn, .gamesContainer button, #close { +.playBtn, .gamesContainer button, #winbtns div { cursor: pointer; } -#close { +#winbtns { z-index: 1; + display: flex; + position: fixed; + top: var(--padding); + right: calc(var(--padding) / 2); +} + +#winbtns div { width: 25px; opacity: 0.6; height: 25px; - position: fixed; - top: var(--padding); - right: var(--padding); + position: relative; background-size: contain; transition: 0.25s ease-in-out; - background-image: url("icons/close.png"); + margin-right: calc(var(--padding) / 2); } -#close:hover {opacity: 1.0} -#close:active {transform: scale(0.98)} +#winbtns #close {background-image: url("icons/close.png")} +#winbtns #minimize {background-image: url("icons/minimize.png")} + +#winbtns div:hover {opacity: 1.0} +#winbtns div:active {transform: scale(0.98)} body { margin: 0; diff --git a/src/index.js b/src/index.js index 333b1c9..1dce746 100644 --- a/src/index.js +++ b/src/index.js @@ -32,6 +32,7 @@ function start() { win.loadFile(__dirname + "/app/index.html"); ipcMain.on("exit", () => {process.exit(0)}) + ipcMain.on("minimize", () => {win.minimize()}) ipcMain.on("winLog", (event, ...args) => {win.webContents.send("log", ...args)}); ipcMain.on("winAlert", (event, ...args) => {win.webContents.send("alert", ...args)}); ipcMain.on("ns-update-event", (event) => win.webContents.send("ns-update-event", event)); -- cgit v1.2.3