Merge pull request #2071 from anisharma07/feature-branch

Bug fix: Chess game chrome extension not loading
Sulagna-Dutta-Roy · Jul 2, 2024 · 6e65745 · 6e65745
2 parents c2b0f8e + fda16af
commit 6e65745
Show file tree

Hide file tree

Showing 4 changed files with 5,442 additions and 24 deletions.
diff --git a/Chess Game/_css/styles.css → Chess Game/css/styles.css b/Chess Game/_css/styles.css → Chess Game/css/styles.css
@@ -1,7 +1,21 @@
+body{
+    min-width: 522px;
+    min-height: 522px;
+}
+.container{
+    position: absolute;
+     top: 40px;
+      left: 410px;
+       width: 522px;
+       height: 522px;
+      border: 1px solid black;
+}
+
 .ui-draggable-dragging {
     z-index: 10000; !important
 }
 
+
 .ui-draggable {
     z-index: 10;
 }
@@ -48,10 +62,12 @@ span[id*=p-]{
 
 #message-div{
     position: absolute;
-    top: 200px;
-    left: 477px;
+    z-index: 1000;
+    color: black;
+    top: 5px;
+    left: 5px;
     width: 390px;
-    height: 200px;
+    height: 20px;
 }
 
 .opposite-side-msg{
@@ -61,4 +77,10 @@ span[id*=p-]{
 
 .color-body-white{
     background-color: white !important;
+}
+
+@media (width<=600px) {
+    .container{
+        position: static;
+    }
 }
diff --git a/Chess Game/index.html b/Chess Game/index.html
@@ -3,26 +3,16 @@
 <head>
     <meta charset="UTF-8">
     <title>Chess Board</title>
-    <link rel="stylesheet" type="text/css" href="_css/normalize.css">
-    <link rel="stylesheet" type="text/css" href="_css/styles.css">
-    <link rel="stylesheet" type="text/css" href="_css/bootstrap.min.css">
-    <link rel="stylesheet" type="text/css" href="_css/font-awesome.min.css">
-    <link rel="stylesheet" type="text/css" href="_css/jquery-ui.min.css">
-    <script
-    src="https://code.jquery.com/jquery-3.7.1.js"
-    integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
-    crossorigin="anonymous"></script>
+    <link rel="stylesheet" type="text/css" href="css/styles.css">
+    <script src="js/jquery.js"></script>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
 
-    <script type="text/javascript" rel="script" src="js/jquery-3.2.0.min.js"></script>
-    <script type="text/javascript" rel="script" src="js/jquery-ui.min.js"></script>
-    <script type="text/javascript" rel="script" src="js/bootstrap.min.js"></script>
 
 </head>
 <body>
 
     <div id="message-div"></div>
-    <div class="container" style="position: absolute; top: 40px; left: 410px; width: 522px; height: 522px;border: 1px solid black;">
+    <div class="container">
         <div id="row-8" class="row">
 
             <div id="cell-white-8A" class="col-md-1 cell"><span id="p-black-castle-1" class="black-piece">&#9820</span></div>