diff options
| author | Andrej Mihajlov <and@mullvad.net> | 2017-10-14 15:51:22 +0200 |
|---|---|---|
| committer | Andrej Mihajlov <and@mullvad.net> | 2017-10-19 14:16:38 +0200 |
| commit | 7798e9233661a759b5a6bd1c189b825c8fce2fbb (patch) | |
| tree | 4613b4bdb3fb8330d4a291a0cef72516d637ddcb | |
| parent | 2b14f6faeb807e80e911a046750ed0f7cd1bdb9e (diff) | |
| download | mullvadvpn-7798e9233661a759b5a6bd1c189b825c8fce2fbb.tar.xz mullvadvpn-7798e9233661a759b5a6bd1c189b825c8fce2fbb.zip | |
Disable :hover styles for :disabled buttons
| -rw-r--r-- | app/assets/css/buttons.css | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/app/assets/css/buttons.css b/app/assets/css/buttons.css index 72e87d76c5..805d9e9a74 100644 --- a/app/assets/css/buttons.css +++ b/app/assets/css/buttons.css @@ -39,12 +39,12 @@ fill: rgba(255,255,255,0.8); } -.button--primary:hover { +.button--primary:not(:disabled):hover { background-color: rgba(41,71,115,0.9); color: rgba(255,255,255,1); } -.button--primary:hover .button-icon path { +.button--primary:not(:disabled):hover .button-icon path { fill: rgba(255,255,255,1); } @@ -57,7 +57,7 @@ color: rgba(255,255,255,0.6); } -.button--secondary:hover { +.button--secondary:not(:disabled):hover { background-color: rgba(41,71,115,0.5); color: rgba(255,255,255,0.8); } @@ -71,7 +71,7 @@ color: rgba(255,255,255,0.8); } -.button--negative:hover { +.button--negative:not(:disabled):hover { background-color: rgba(208,2,27,0.95); color: rgba(255,255,255,1); } @@ -85,7 +85,7 @@ color: rgba(255,255,255,0.6); } -.button--negative-light:hover { +.button--negative-light:not(:disabled):hover { background-color: rgba(208,2,27,0.45); color: rgba(255,255,255,0.8); } @@ -103,12 +103,12 @@ fill: rgba(255,255,255,0.8); } -.button--positive:hover { +.button--positive:not(:disabled):hover { background-color: rgba(63,173,77,0.9); color: rgba(255,255,255,1); } -.button--positive:hover .button-icon path { +.button--positive:not(:disabled):hover .button-icon path { fill: rgba(255,255,255,1); } @@ -121,7 +121,7 @@ color: rgba(255,255,255,0.8); } -.button--neutral:hover { +.button--neutral:not(:disabled):hover { background-color: rgba(255,255,255,0.25); color: rgba(255,255,255,1); } |