aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/menu/avatar-notification.component.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-02-11 14:09:23 +0100
committerChocobozzz <me@florianbigard.com>2019-02-11 14:09:23 +0100
commitb718fd22374d64534bcfe69932cf562894abed6a (patch)
tree311d3c67e2a4d1f33ebdd1dc163527de9d33d0f7 /client/src/app/menu/avatar-notification.component.scss
parentadb115f5522bea4d52456a9fc5eb4140bb064476 (diff)
parent501e961199578129629cf0567033d13efced9904 (diff)
downloadPeerTube-b718fd22374d64534bcfe69932cf562894abed6a.tar.gz
PeerTube-b718fd22374d64534bcfe69932cf562894abed6a.tar.zst
PeerTube-b718fd22374d64534bcfe69932cf562894abed6a.zip
Merge branch 'develop' into pr/1285
Diffstat (limited to 'client/src/app/menu/avatar-notification.component.scss')
-rw-r--r--client/src/app/menu/avatar-notification.component.scss15
1 files changed, 12 insertions, 3 deletions
diff --git a/client/src/app/menu/avatar-notification.component.scss b/client/src/app/menu/avatar-notification.component.scss
index c86667469..e785db788 100644
--- a/client/src/app/menu/avatar-notification.component.scss
+++ b/client/src/app/menu/avatar-notification.component.scss
@@ -3,7 +3,7 @@
3 3
4/deep/ { 4/deep/ {
5 .popover-notifications.popover { 5 .popover-notifications.popover {
6 max-width: 400px; 6 max-width: none;
7 7
8 .popover-body { 8 .popover-body {
9 padding: 0; 9 padding: 0;
@@ -11,6 +11,7 @@
11 font-family: $main-fonts; 11 font-family: $main-fonts;
12 overflow-y: auto; 12 overflow-y: auto;
13 max-height: 500px; 13 max-height: 500px;
14 width: 400px;
14 box-shadow: 0 6px 14px rgba(0, 0, 0, 0.30); 15 box-shadow: 0 6px 14px rgba(0, 0, 0, 0.30);
15 16
16 .notifications-header { 17 .notifications-header {
@@ -40,7 +41,7 @@
40 justify-content: center; 41 justify-content: center;
41 font-weight: $font-semibold; 42 font-weight: $font-semibold;
42 color: var(--mainForegroundColor); 43 color: var(--mainForegroundColor);
43 height: 30px; 44 padding: 7px 0;
44 } 45 }
45 } 46 }
46 } 47 }
@@ -71,7 +72,7 @@
71 justify-content: center; 72 justify-content: center;
72 73
73 background-color: var(--mainColor); 74 background-color: var(--mainColor);
74 color: var(--mainBackgroundColor); 75 color: var(#fff);
75 font-size: 10px; 76 font-size: 10px;
76 font-weight: $font-semibold; 77 font-weight: $font-semibold;
77 78
@@ -80,3 +81,11 @@
80 height: 15px; 81 height: 15px;
81 } 82 }
82} 83}
84
85@media screen and (max-width: $mobile-view) {
86 /deep/ {
87 .popover-notifications.popover .popover-body {
88 width: 400px;
89 }
90 }
91}