aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-02-04 17:34:06 +0100
committerChocobozzz <chocobozzz@cpy.re>2020-02-06 15:24:12 +0100
commit28c801b6d0293de36e45d1f4a6a90572dbd7a4d4 (patch)
treefa49905b9d4d4dd670c86e46a7e386b5ba1f1540 /client/src
parentc9c2b1624ccbdd57864140b8763442d41bc1d30e (diff)
downloadPeerTube-28c801b6d0293de36e45d1f4a6a90572dbd7a4d4.tar.gz
PeerTube-28c801b6d0293de36e45d1f4a6a90572dbd7a4d4.tar.zst
PeerTube-28c801b6d0293de36e45d1f4a6a90572dbd7a4d4.zip
Restyle toast notifications to tone down colors
Diffstat (limited to 'client/src')
-rw-r--r--client/src/sass/primeng-custom.scss28
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 {