Merge pull request #62 from codebase-berkeley/appointment-scheduler-c…

…heck-bug-searchicon-rm checkbox bug fixed, removed search icon from input fields
codebase-berkeley · May 2, 2022 · cb00ba7 · cb00ba7
2 parents d326c8e + d457959
commit cb00ba7
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 10 deletions.
diff --git a/client/src/components/SearchBar.css b/client/src/components/SearchBar.css
@@ -17,10 +17,18 @@
     font-weight: 300;
   }
 
-  input::placeholder{
-    border-color: #ACB9AC;
+  .searchInputIcon {
     background-image: url(./../images/IsbeesSearchIcon.svg);
     background-repeat: no-repeat;
     background-position: 97%;
   }
+
+
+
+  /* input::placeholder{
+    border-color: #ACB9AC;
+    background-image: url(./../images/IsbeesSearchIcon.svg);
+    background-repeat: no-repeat;
+    background-position: 97%;
+  } */
 
diff --git a/client/src/components/SearchBar.js b/client/src/components/SearchBar.js
@@ -8,7 +8,7 @@ function SearchBar(props) {
   return (
     <div className = "search">
         <div className = "searchInputs">
-            <input 
+            <input className = "searchInputIcon"
             value = {props.searchInput}
             onInput = {e => props.setSearchInput(e.target.value)}
             type = "text" 

diff --git a/client/src/pages/AppointmentScheduler.css b/client/src/pages/AppointmentScheduler.css
@@ -231,12 +231,6 @@ p#apptsched-item-checklist-label {
     font-weight: 300;
 }
 
-input::placeholder{
-    border-color: #ACB9AC;
-    background-repeat: no-repeat;
-    background-position: 97%;
-}
-
 .apptsched-name-box {
     width: 15vw;
 }
@@ -357,6 +351,7 @@ input::placeholder{
 
     .apptsched-name-box {
         width: 80vw;
+        background-image: none;
     }
 
     .apptsched-contact-box {

diff --git a/client/src/pages/AppointmentScheduler.js b/client/src/pages/AppointmentScheduler.js
@@ -172,7 +172,7 @@ export default function AppointmentScheduler() {
                             <div className="apptsched-pickup-items-selection">
                                 <div className="apptsched-form-check">
                                     <label class="apptsched-form-check-label" for="exampleRadios1">
-                                        <input class="form-check-input" type="checkbox" name="exampleRadios" id="checkbox-1" value="kale" ></input>
+                                        <input class="apptsched-form-check-input" type="checkbox" name="exampleRadios" id="checkbox-1" value="kale" ></input>
                                         Kale
                                     </label>
                                 </div>