From 8b97390a9e35117bd4bc2f9ceb26f090d6a67ee9 Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sat, 5 Feb 2022 19:51:20 +0100
Subject: various changes, aesthetic and functionality

This should fix the window drag not working, however I cannot test that.
As my WM doesn't support it, a Windows contributor will have to test it.

I also added an info button that opens the mod's page in your web
browser, this button is of course localized, along with that I localized
the placeholder in the search input.

There's also a few general aesthetic changes, like adding a tiny border
around #modsdiv and #browser.
---
 src/app/browser.js |  2 ++
 src/app/index.html |  2 +-
 src/app/main.css   | 10 ++++++++--
 3 files changed, 11 insertions(+), 3 deletions(-)

(limited to 'src/app')

diff --git a/src/app/browser.js b/src/app/browser.js
index 5695661..7b67822 100644
--- a/src/app/browser.js
+++ b/src/app/browser.js
@@ -100,6 +100,7 @@ function BrowserElFromObj(obj) {
 		title: pkg.name,
 		image: pkg.icon,
 		author: pkg.owner,
+		url: pkg.package_url,
 		download: pkg.download_url,
 		version: pkg.version_number,
 		description: pkg.description
@@ -147,6 +148,7 @@ function BrowserEl(properties) {
 				<div class="title">${properties.title}</div>
 				<div class="description">${properties.description}</div>
 				<button onclick="installFromURL('${properties.download}')">${installstr}</button>
+				<button onclick="require('electron').shell.openExternal('${properties.url}')">${lang('gui.browser.info')}</button>
 				<button class="visual">${properties.version}</button>
 				<button class="visual">${lang("gui.browser.madeby")} ${properties.author}</button>
 			</div>
diff --git a/src/app/index.html b/src/app/index.html
index c2978bd..b861736 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -16,7 +16,7 @@
 		<div id="overlay" onclick="Browser.toggle(false)"></div>
 		<div id="browser">
 			<div id="misc">
-				<input id="search" placeholder="Search...">
+				<input id="search" placeholder="%%gui.browser.search%%">
 				<button id="close" onclick="Browser.toggle(false)">
 					<img src="icons/close.png">
 				</button>
diff --git a/src/app/main.css b/src/app/main.css
index 4f1ddc2..2791488 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -9,7 +9,11 @@
 	--selbg: rgba(80, 80, 80, 0.5);
 	--redbg: linear-gradient(45deg, var(--red), #FA4343);
 	--bluebg: linear-gradient(45deg, var(--blue), #7380ED);
+}
 
+#browser, #modsdiv {
+	outline: 1px solid #444444;
+	border: 3px solid var(--bg);
 }
 
 ::-webkit-scrollbar {
@@ -73,7 +77,7 @@ button {
 	bottom: var(--spacing);
 	transform: scale(0.98);
 	backdrop-filter: blur(15px);
-	border-radius: calc(var(--padding) / 2);
+	border-radius: calc(var(--padding) / 3);
 	transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
 }
 
@@ -556,7 +560,9 @@ code {
 
 /* drag control */
 
-#bgHolder {
+#bgHolder, 
+#overlay.shown + .mainContainer, 
+#overlay.shown + .gamesContainer {
 	user-select: none;
   	-webkit-app-region: drag;
 }
-- 
cgit v1.2.3