add a hover state for the inverted btn background

Kyubinhan · Jan 30, 2019 · 25f94b0 · 25f94b0
1 parent 8cbce3e
commit 25f94b0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/components/mainPage/ConfirmationModals.js b/src/components/mainPage/ConfirmationModals.js
@@ -53,7 +53,7 @@ class ConfirmationModals extends Component {
               onClick={onYesBtnClicked}
             >
               <Icon name="checkmark" />
-              Submit
+              Confirm
             </Button>
           </div>
         </Modal.Content>

diff --git a/src/components/rangeUsePlan/UpdateStatusModal.js b/src/components/rangeUsePlan/UpdateStatusModal.js
@@ -131,7 +131,7 @@ class UpdateStatusModal extends Component {
               disabled={requireNote && !note}
             >
               <Icon name="checkmark" />
-              Submit
+              Confirm
             </Button>
           </div>
         </Modal.Content>

diff --git a/src/styles/Common.scss b/src/styles/Common.scss
@@ -289,7 +289,11 @@
     color: $primary-color !important;
     box-shadow: 0 0 0 1.5px #003366 inset !important;
     background: transparent none !important;
-  } 
+
+    &:hover {
+      background: #f2f2f2 !important;
+    }
+  }
 }
 
 .signin-modal {