From 7e6c9606eb03b993612e157da278ed4abda1b0b7 Mon Sep 17 00:00:00 2001
From: PeekabooSteam <matthew.lindley001+github@gmail.com>
Date: Fri, 10 Mar 2023 13:30:09 +0000
Subject: [PATCH] Added proper checkboxes to coalition toggles.

---
 .../images/icons/square-check-regular.svg     |  1 +
 .../images/icons/square-check-solid.svg       |  1 +
 client/public/images/icons/square-regular.svg |  1 +
 client/public/stylesheets/olympus.css         | 24 +++++++++++++------
 4 files changed, 20 insertions(+), 7 deletions(-)
 create mode 100644 client/public/images/icons/square-check-regular.svg
 create mode 100644 client/public/images/icons/square-check-solid.svg
 create mode 100644 client/public/images/icons/square-regular.svg

diff --git a/client/public/images/icons/square-check-regular.svg b/client/public/images/icons/square-check-regular.svg
new file mode 100644
index 00000000..4ce0ff82
--- /dev/null
+++ b/client/public/images/icons/square-check-regular.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M211.8 339.8C200.9 350.7 183.1 350.7 172.2 339.8L108.2 275.8C97.27 264.9 97.27 247.1 108.2 236.2C119.1 225.3 136.9 225.3 147.8 236.2L192 280.4L300.2 172.2C311.1 161.3 328.9 161.3 339.8 172.2C350.7 183.1 350.7 200.9 339.8 211.8L211.8 339.8zM0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96zM48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80H64C55.16 80 48 87.16 48 96z"/></svg>
\ No newline at end of file
diff --git a/client/public/images/icons/square-check-solid.svg b/client/public/images/icons/square-check-solid.svg
new file mode 100644
index 00000000..2bd2823a
--- /dev/null
+++ b/client/public/images/icons/square-check-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>
\ No newline at end of file
diff --git a/client/public/images/icons/square-regular.svg b/client/public/images/icons/square-regular.svg
new file mode 100644
index 00000000..f66b39f7
--- /dev/null
+++ b/client/public/images/icons/square-regular.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM384 80H64C55.16 80 48 87.16 48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80z"/></svg>
\ No newline at end of file
diff --git a/client/public/stylesheets/olympus.css b/client/public/stylesheets/olympus.css
index 49c95441..213e2945 100644
--- a/client/public/stylesheets/olympus.css
+++ b/client/public/stylesheets/olympus.css
@@ -353,12 +353,22 @@ nav.ol-panel> :last-child {
 }
 
 .ol-panel .ol-group-button-toggle button {
-    align-items: center;
-    background-image: url("/themes/olympus/images/check_square.svg");
     background-position: 5px 50%;
     background-repeat: no-repeat;
     border: 0;
-    text-indent: 15px;
+    display:flex;
+    justify-items: left;
+    text-indent: 5px;
+}
+
+.ol-panel .ol-group-button-toggle button::before {
+    background-image: url("/images/icons/square-check-solid.svg");
+    background-repeat: no-repeat;
+    content: "";
+    filter: invert(100%);
+    -webkit-filter: invert(100%);
+    height:16px;
+    width:16px;
 }
 
 
@@ -618,10 +628,10 @@ body[data-hide-naval] #unit-visibility-control-naval {
 }
 
 
-[data-hide-blue] #coalition-visibility-control #coalition-visibility-control-blue,
-[data-hide-red] #coalition-visibility-control #coalition-visibility-control-red,
-[data-hide-neutral] #coalition-visibility-control #coalition-visibility-control-neutral {
-    background-image: none;
+[data-hide-blue] #coalition-visibility-control #coalition-visibility-control-blue::before,
+[data-hide-red] #coalition-visibility-control #coalition-visibility-control-red::before,
+[data-hide-neutral] #coalition-visibility-control #coalition-visibility-control-neutral::before {
+    background-image: url("/images/icons/square-regular.svg");
 }
 
 .toggle {