From 8b97390a9e35117bd4bc2f9ceb26f090d6a67ee9 Mon Sep 17 00:00:00 2001 From: 0neGal 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/main.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) (limited to 'src/app/main.css') 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