Merge pull request Tech-N-Science#646 from AhmedKhaled590/EditSidebar

edit sidebar
souravseal99 · May 15, 2022 · b34d2c3 · b34d2c3
2 parents bcb3a8e + cfa2bed
commit b34d2c3
Show file tree

Hide file tree

Showing 7 changed files with 38 additions and 39 deletions.
diff --git a/funwithphysics/package-lock.json b/funwithphysics/package-lock.json
diff --git a/funwithphysics/src/Components/MathMCQ/MathMCQ.css b/funwithphysics/src/Components/MathMCQ/MathMCQ.css
@@ -32,16 +32,30 @@
   background-color: #f3f7f7;
   border-radius: 5px;
 }
+
+.filter-box > h5{
+  padding: 10px;
+}
+
+
 .filter-box > div {
   display: flex;
   width: 100%;
   justify-content: space-between;
   font-size: 1.5rem;
   padding: 5px;
   font-weight: bold;
-  background-color: #afafaf;
+  background-color: #007bff;
   border-radius: 5px;
+  padding: 10px;
+
 }
+
+
+.filter-box > div > span {
+  color: white;
+}
+
 .cancel {
   display: none;
   cursor: pointer;

diff --git a/funwithphysics/src/Components/MathMCQ/MathMCQ.js b/funwithphysics/src/Components/MathMCQ/MathMCQ.js
@@ -192,7 +192,7 @@ const NumMCQ = () => {
           </div>
           <div className="filter-box" ref={filterref}>
             <div>
-              <span>Apply filter :</span>
+              <span>Filters</span>
               <span className="cancel" onClick={handlecross}>
                 <i className="fas fa-times"></i>
               </span>

diff --git a/funwithphysics/src/Components/MathMCQ/Singlequestion.css b/funwithphysics/src/Components/MathMCQ/Singlequestion.css
@@ -67,6 +67,7 @@
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 18px;
+  margin-left: 10px;
 }
 
 .container input {
@@ -88,11 +89,11 @@
 }
 
 .container:hover input ~ .checkmark {
-  background-color: rgba(114, 112, 112, 0.979);
+  background-color: #007bff;
 }
 
 .container input:checked ~ .checkmark {
-  background-color: #000000;
+  background-color: #007bff;
 }
 
 .checkmark:after {

diff --git a/funwithphysics/src/Components/NumMCQ/NumMCQ.css b/funwithphysics/src/Components/NumMCQ/NumMCQ.css
@@ -31,17 +31,29 @@
   margin-right: 1rem;
   background-color: #f3f7f7;
   border-radius: 5px;
+
+}
+
+.filter-box > h5{
+  padding: 10px;
 }
+
 .filter-box > div {
   display: flex;
   width: 100%;
   justify-content: space-between;
   font-size: 1.5rem;
   padding: 5px;
   font-weight: bold;
-  background-color: #afafaf;
+  background-color: #007bff;
   border-radius: 5px;
+  padding: 10px;
 }
+
+.filter-box > div > span {
+  color: white;
+}
+
 .cancel {
   display: none;
   cursor: pointer;

diff --git a/funwithphysics/src/Components/NumMCQ/Singlequestion.css b/funwithphysics/src/Components/NumMCQ/Singlequestion.css
@@ -67,6 +67,8 @@
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 18px;
+  margin-left: 10px;
+
 }
 
 .container input {
@@ -88,11 +90,11 @@
 }
 
 .container:hover input ~ .checkmark {
-  background-color: rgba(114, 112, 112, 0.979);
+  background-color: #007bff;
 }
 
 .container input:checked ~ .checkmark {
-  background-color: #000000;
+  background-color: #007bff;
 }
 
 .checkmark:after {

diff --git a/funwithphysics/yarn.lock b/funwithphysics/yarn.lock
@@ -3013,13 +3013,6 @@
   "resolved" "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz"
   "version" "2.2.0"
 
-"bindings@^1.5.0":
-  "integrity" "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ=="
-  "resolved" "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz"
-  "version" "1.5.0"
-  dependencies:
-    "file-uri-to-path" "1.0.0"
-
 "bluebird@^3.5.1", "bluebird@^3.5.5":
   "integrity" "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
   "resolved" "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz"
@@ -5293,11 +5286,6 @@
     "loader-utils" "^1.0.2"
     "schema-utils" "^1.0.0"
 
-"[email protected]":
-  "integrity" "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw=="
-  "resolved" "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz"
-  "version" "1.0.0"
-
 "filename-regex@^2.0.0":
   "integrity" "sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY="
   "resolved" "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz"
@@ -5585,19 +5573,6 @@
   "resolved" "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   "version" "1.0.0"
 
-"fsevents@^1.2.7":
-  "integrity" "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw=="
-  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz"
-  "version" "1.2.13"
-  dependencies:
-    "bindings" "^1.5.0"
-    "nan" "^2.12.1"
-
-"fsevents@~2.3.2":
-  "integrity" "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA=="
-  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
-  "version" "2.3.2"
-
 "function-bind@^1.1.1":
   "integrity" "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
   "resolved" "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
@@ -7994,11 +7969,6 @@
   "resolved" "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.7.tgz"
   "version" "0.0.7"
 
-"nan@^2.12.1":
-  "integrity" "sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ=="
-  "resolved" "https://registry.npmjs.org/nan/-/nan-2.15.0.tgz"
-  "version" "2.15.0"
-
 "nanomatch@^1.2.9":
   "integrity" "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA=="
   "resolved" "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz"
@@ -12398,4 +12368,4 @@
   "version" "2.10.0"
   dependencies:
     "buffer-crc32" "~0.2.3"
-    "fd-slicer" "~1.1.0"
+    "fd-slicer" "~1.1.0"