Fixing logout button

2018-02-28 16:28:36 -08:00
parent 5889f7655a
commit 5e790ba65c
5 changed files with 39 additions and 8 deletions
--- a/website/src/ui/HeaderButton.style.js
+++ b/website/src/ui/HeaderButton.style.js
@@ -7,9 +7,11 @@ export default {
    borderWidth: 0,
    padding: '0 0 0 0',
    outline: 'none',
-
    ':hover': {
      background: colorInfo.headerButtonBackgroundHover,
+    },
+    ':active': {
+      background: colorInfo.headerButtonBackgroundActive,
    }
  }
 }
--- a/website/src/ui/style.js
+++ b/website/src/ui/style.js
@@ -6,6 +6,7 @@ export const colorInfo = {
  buttonBackgroundHover: '#3CB0FD',
  headerButtonBackground: '#FAFAFA',
  headerButtonBackgroundHover: '#DADADA',
+  headerButtonBackgroundActive: '#AAAAAA',
  disabledButtonBackground: '#E0E0E0',
  modalBackground: '#FFFFFF',
  uncheckedCheckbox: '#A0A0A0',