added: toggles for toggling mods in modlist

The new modlist now uses the same toggles found in the settings popup,
only here they're used to disable/enable mods. On top of this I also
fixed the "Toggle All" button not working. Forgot to change some stuff,
breaking it... oops...

1 files changed, 35 insertions, 2 deletions

diff --git a/src/app/main.css b/src/app/main.css
index 17ed3ee..671be13 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -107,10 +107,43 @@ a, button, #close, #nsRelease, #vpReleaseNotes,
 	-webkit-app-region: no-drag;
 }
 
-/* grids */
-
 .grid {
 	display: flex;
 	flex-wrap: wrap;
 }
 
+.switch {
+	width: 50px;
+	height: 25px;
+	border-radius: 50px;
+	background: var(--selbg);
+}
+
+.switch.on {
+	background: rgba(var(--red), 0.2) !important;
+}
+
+.switch::after {
+	left: -5px;
+	width: 15px;
+	height: 15px;
+	content: " ";
+	display: block;
+	background: red;
+	position: relative;
+	border-radius: 50px;
+	background: var(--bg);
+	transition: 0.2s ease-in-out;
+}
+
+.switch.on::after {
+	left: 15px;
+	width: 20px;
+	opacity: 0.5;
+	background: rgb(var(--red));
+}
+
+.switch.on:hover::after {
+	transform: scale(1.2);
+}
+