diff options
| author | Rigel Kent <sendmemail@rigelk.eu> | 2020-02-04 17:34:06 +0100 |
|---|---|---|
| committer | Chocobozzz <chocobozzz@cpy.re> | 2020-02-06 15:24:12 +0100 |
| commit | 28c801b6d0293de36e45d1f4a6a90572dbd7a4d4 (patch) | |
| tree | fa49905b9d4d4dd670c86e46a7e386b5ba1f1540 | |
| parent | c9c2b1624ccbdd57864140b8763442d41bc1d30e (diff) | |
| download | PeerTube-28c801b6d0293de36e45d1f4a6a90572dbd7a4d4.tar.gz PeerTube-28c801b6d0293de36e45d1f4a6a90572dbd7a4d4.tar.zst PeerTube-28c801b6d0293de36e45d1f4a6a90572dbd7a4d4.zip | |
Restyle toast notifications to tone down colors
| -rw-r--r-- | client/src/sass/primeng-custom.scss | 28 |
1 files changed, 15 insertions, 13 deletions
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss index 0d51818c3..753fdf5c9 100644 --- a/client/src/sass/primeng-custom.scss +++ b/client/src/sass/primeng-custom.scss | |||
| @@ -389,25 +389,27 @@ p-toast { | |||
| 389 | 389 | ||
| 390 | .ui-toast-message { | 390 | .ui-toast-message { |
| 391 | font-family: $main-fonts; | 391 | font-family: $main-fonts; |
| 392 | 392 | background-color: var(--mainBackgroundColor) !important; | |
| 393 | &.ui-toast-message-success { | 393 | border-radius: 5px; |
| 394 | color: #fff !important; | 394 | box-sizing: border-box; |
| 395 | background-color: #8BC34A !important; | 395 | border: 1px solid #EBEEF5 !important; |
| 396 | box-shadow: 0 2px 12px 0 rgba(0, 0 , 0, .1); | ||
| 397 | overflow: hidden; | ||
| 398 | |||
| 399 | &.ui-toast-message-success .glyphicon { | ||
| 400 | color: #8BC34A !important; | ||
| 396 | } | 401 | } |
| 397 | 402 | ||
| 398 | &.ui-toast-message-error { | 403 | &.ui-toast-message-error .glyphicon { |
| 399 | color: #fff !important; | 404 | color: #F44336 !important; |
| 400 | background-color: #F44336 !important; | ||
| 401 | } | 405 | } |
| 402 | 406 | ||
| 403 | &.ui-toast-message-info { | 407 | &.ui-toast-message-warn .glyphicon { |
| 404 | color: #fff !important; | 408 | color: #F1680D !important; |
| 405 | background-color: #03A9F4 !important; | ||
| 406 | } | 409 | } |
| 407 | 410 | ||
| 408 | &.ui-toast-message-info { | 411 | &.ui-toast-message-info .glyphicon { |
| 409 | color: #fff !important; | 412 | color: #03A9F4 !important; |
| 410 | background-color: #03A9F4 !important; | ||
| 411 | } | 413 | } |
| 412 | 414 | ||
| 413 | .notification-block { | 415 | .notification-block { |