diff options
| author | Chocobozzz <me@florianbigard.com> | 2018-01-03 12:04:22 +0100 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2018-01-03 12:04:22 +0100 |
| commit | 9bce811268cd74b402176ae9fcd8b77ac887576e (patch) | |
| tree | bcc931661f4d0c6fcc0d9a538e9aceb76e76773b /client | |
| parent | 4e8c872874d95d4851896014e5c15ff93f267c89 (diff) | |
| download | PeerTube-9bce811268cd74b402176ae9fcd8b77ac887576e.tar.gz PeerTube-9bce811268cd74b402176ae9fcd8b77ac887576e.tar.zst PeerTube-9bce811268cd74b402176ae9fcd8b77ac887576e.zip | |
Add hover effect on login/create an account button
Diffstat (limited to 'client')
| -rw-r--r-- | client/src/app/menu/menu.component.scss | 34 |
1 files changed, 16 insertions, 18 deletions
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss index ae167cfb6..297fda84d 100644 --- a/client/src/app/menu/menu.component.scss +++ b/client/src/app/menu/menu.component.scss | |||
| @@ -62,28 +62,26 @@ menu { | |||
| 62 | .button-block { | 62 | .button-block { |
| 63 | margin: 30px 25px 35px 25px; | 63 | margin: 30px 25px 35px 25px; |
| 64 | 64 | ||
| 65 | .login-button, .create-account-button { | 65 | .login-button { |
| 66 | font-weight: $font-semibold; | 66 | @include peertube-button-link; |
| 67 | font-size: 15px; | 67 | @include orange-button; |
| 68 | height: $button-height; | 68 | |
| 69 | line-height: $button-height; | ||
| 70 | width: 100%; | ||
| 71 | border-radius: 3px; | ||
| 72 | text-align: center; | ||
| 73 | color: $menu-color; | ||
| 74 | display: block; | 69 | display: block; |
| 75 | cursor: pointer; | 70 | width: 100%; |
| 76 | margin-bottom: 15px; | 71 | margin-bottom: 10px; |
| 72 | } | ||
| 77 | 73 | ||
| 78 | @include disable-default-a-behaviour; | 74 | .create-account-button { |
| 75 | @include peertube-button-link; | ||
| 79 | 76 | ||
| 80 | &.login-button { | 77 | display: block; |
| 81 | background-color: $orange-color; | 78 | width: 100%; |
| 82 | margin-bottom: 10px; | 79 | |
| 83 | } | 80 | color: #fff; |
| 81 | background-color: rgba(255, 255, 255, 0.25); | ||
| 84 | 82 | ||
| 85 | &.create-account-button { | 83 | &:hover { |
| 86 | background-color: rgba(255, 255, 255, 0.25); | 84 | background-color: rgba(255, 255, 255, 0.28); |
| 87 | } | 85 | } |
| 88 | } | 86 | } |
| 89 | } | 87 | } |