aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-01-21 14:03:04 +0100
committerChocobozzz <me@florianbigard.com>2019-01-21 14:03:04 +0100
commitfdebd9a3bdcc3ea3881f2234a0f214c2588de3e4 (patch)
tree64536965dc411b4e3ce90db0073efb22d1ae336c
parent38967f7b73cec6f6198c72d62f8d64bb88e6951c (diff)
downloadPeerTube-fdebd9a3bdcc3ea3881f2234a0f214c2588de3e4.tar.gz
PeerTube-fdebd9a3bdcc3ea3881f2234a0f214c2588de3e4.tar.zst
PeerTube-fdebd9a3bdcc3ea3881f2234a0f214c2588de3e4.zip
Fix notification popover width
-rw-r--r--client/src/app/menu/avatar-notification.component.scss13
-rw-r--r--client/src/app/menu/menu.component.scss2
2 files changed, 11 insertions, 4 deletions
diff --git a/client/src/app/menu/avatar-notification.component.scss b/client/src/app/menu/avatar-notification.component.scss
index a21e7beac..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,9 +11,8 @@
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 min-width: 200px; 14 width: 400px;
15 box-shadow: 0 6px 14px rgba(0, 0, 0, 0.30); 15 box-shadow: 0 6px 14px rgba(0, 0, 0, 0.30);
16 overflow-y: auto;
17 16
18 .notifications-header { 17 .notifications-header {
19 display: flex; 18 display: flex;
@@ -82,3 +81,11 @@
82 height: 15px; 81 height: 15px;
83 } 82 }
84} 83}
84
85@media screen and (max-width: $mobile-view) {
86 /deep/ {
87 .popover-notifications.popover .popover-body {
88 width: 400px;
89 }
90 }
91}
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index a4aaadc7f..24b1a4db3 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -243,7 +243,7 @@ menu {
243 } 243 }
244} 244}
245 245
246@media screen and (max-width: 400px) { 246@media screen and (max-width: $mobile-view) {
247 .menu-wrapper { 247 .menu-wrapper {
248 width: 100% !important; 248 width: 100% !important;
249 } 249 }