Got rid of annoying blue highlight, fixed selection bug

utastudents · Apr 27, 2024 · 72f3c48 · 72f3c48
1 parent bfecbf9
commit 72f3c48
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/html/index_1.html b/html/index_1.html
@@ -93,13 +93,11 @@ <h2>Leaderboard</h2>
             </tbody>
         </table>
     </div>
-
-
-
-
-    <div id="LobbyChatRoom">
-        <p>Message:Talk to other players here</p>
-    </div>
+<!--LobbyChat-->
+<div id="LobbyChatRoom">
+    <p>Message:Talk to other players here</p>
+    <button id="send">Send</button>
+</div>
 
 </body>
 <script>
@@ -340,6 +338,7 @@ <h2>Leaderboard</h2>
                 buttonEvent(this.getAttribute("id"),0);
                 document.getElementById(this.getAttribute("id")).style.backgroundColor="blue";
                 clicked++;
+                console.log("clicked="+clicked);
             });
             cells[i].addEventListener("mouseover",function()
             {
@@ -355,6 +354,7 @@ <h2>Leaderboard</h2>
                 buttonEvent(this.getAttribute("id"),2);
                 document.getElementById(this.getAttribute("id")).style.backgroundColor="blue";
                 clicked--;
+                console.log("clicked="+clicked);
             });
             /*cells[i].addEventListener("mouseout",function()
             {

diff --git a/html/style_lobby.css b/html/style_lobby.css
@@ -16,6 +16,7 @@ body {
 }
 #Game {
     width: 100vh;
+    user-select: none;
 }
 td {
     height: 25px;
@@ -31,7 +32,7 @@ td {
 
 #userInputSection, #gameListSection {
     flex-basis: 40%; 
-    padding: 20px;
+    padding: 10px;
     background: white; 
     border: 1px solid black; 
     display: flex;
@@ -160,3 +161,8 @@ select {
     border-collapse: collapse;
     border: 1px solid black;
 }
+/* get rid of blue selection highlight*/
+::selection {
+    color: none;
+    background: none;
+}