From 217391b95e6d1d41c176ec40e0cd7d3a4c4caf76 Mon Sep 17 00:00:00 2001
From: CakeLancelot <CakeLancelot@users.noreply.github.com>
Date: Wed, 16 Dec 2020 14:52:24 -0600
Subject: [PATCH] CSS and modal tweaks

* Fix *most* selecting shenanigans in old Electron ver.
* Replace input field in add server modal with select
* Style select tag similarly to input
---
 resources/app/menu/assets/css/openfusion.css | 26 ++++++++++++++++----
 resources/app/menu/index.html                |  8 +++---
 2 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/resources/app/menu/assets/css/openfusion.css b/resources/app/menu/assets/css/openfusion.css
index 59871de..eff0350 100644
--- a/resources/app/menu/assets/css/openfusion.css
+++ b/resources/app/menu/assets/css/openfusion.css
@@ -1,5 +1,6 @@
-#server-table {
-  opacity: 0.90;
+:not(input):not(textarea), :not(input):not(textarea)::after, :not(input):not(textarea)::before {
+  -webkit-user-select: none;
+  user-select: none;
 }
 
 #server-table > .table-striped tbody tr:nth-of-type(odd) {
@@ -10,6 +11,11 @@
   background-color: #34476E;
 }
 
+#server-table {
+  font-size: 14pt;
+  opacity: 0.9;
+}
+
 #of-intro-text {
   text-shadow: 1px 1px 8px #4349C4;
   color: #4A76B7;
@@ -80,8 +86,18 @@ input {
   color: #fff;
 }
 
-#server-table {
-  font-size: 14pt;
-  opacity: 0.9;
+select {
+  border-color: #0099FF;
+  background-color: #000;
+  color: #fff;
+}
+
+button:disabled {
+  cursor: not-allowed;
+  pointer-events: all !important;
+}
+
+button > i {
+  pointer-events: none;
 }
 
diff --git a/resources/app/menu/index.html b/resources/app/menu/index.html
index df07a3d..782f84d 100644
--- a/resources/app/menu/index.html
+++ b/resources/app/menu/index.html
@@ -77,13 +77,13 @@
                 <div class="modal-header">
                     <h4 class="modal-title">Add Server</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
                 <div class="modal-body">
-                    <fieldset class="text-left" name="of-addserver-fields"><label>Server Description<input type="text" class="form-row" name="of-serverdesc-field" placeholder="My OpenFusion Server" pattern=".*/([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+):([0-9]+)" required="" size="50"></label><label>Server IP<input type="text" class="form-row" name="of-serverip-field" placeholder="127.0.0.1:23000" size="50"></label><label>Game Version<input type="text" class="form-row" name="of-serverdesc-field" list="gameversions" readonly="" placeholder="beta-20100104" size="50"></label></fieldset>
-                </div>
-                <div class="modal-footer"><button class="btn btn-primary border rounded border-primary btn-danger border-danger" type="button" data-dismiss="modal">Cancel</button><button class="btn btn-primary disabled border rounded border-primary btn-success border-success"
+                    <fieldset class="text-left" name="of-addserver-fields"><label>Server Description<input type="text" class="form-row" name="of-serverdesc-field" placeholder="My OpenFusion Server" pattern=".*/([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+):([0-9]+)" required="" size="50"></label><label>Server IP<input type="text" class="form-row" name="of-serverip-field" placeholder="127.0.0.1:23000" size="50"></label></fieldset><label>Game Version:&nbsp;<select><option value="12" selected="">beta-20100104</option><option value="13">beta-20100728</option><option value="14">beta-20111013</option></select></label></div>
+                <div
+                    class="modal-footer"><button class="btn btn-primary border rounded border-primary btn-danger border-danger" type="button" data-dismiss="modal">Cancel</button><button class="btn btn-primary disabled border rounded border-primary btn-success border-success"
                         type="button" data-dismiss="modal" disabled="">Save</button></div>
-            </div>
         </div>
     </div>
+    </div>
     <div class="modal fade" role="dialog" tabindex="-1" id="of-deleteservermodal">
         <div class="modal-dialog modal-dialog-centered" role="document">
             <div class="modal-content">