From 9cacaafb8f93b7043b9d88550ca20615bb1d921e Mon Sep 17 00:00:00 2001 From: boeserwolf Date: Sun, 12 Apr 2020 11:47:30 +0200 Subject: Fix styling issue in notifications drawer The header of the notification drawer had a margin to the right side in Google Chrome caused by overflow: scroll on the #notifications-drawer element. --- client/components/notifications/notificationsDrawer.styl | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'client/components/notifications') diff --git a/client/components/notifications/notificationsDrawer.styl b/client/components/notifications/notificationsDrawer.styl index b64f13f4..f99e1299 100644 --- a/client/components/notifications/notificationsDrawer.styl +++ b/client/components/notifications/notificationsDrawer.styl @@ -10,8 +10,7 @@ section#notifications-drawer border-radius: 2px max-height: calc(100vh - 28px - 36px) color: black - padding-top 36px; - overflow: scroll + padding-top 36px a:hover color: belize !important @@ -66,3 +65,5 @@ section#notifications-drawer display: block padding: 0px 16px margin: 0 + height: calc(100vh - 102px) + overflow-y: scroll -- cgit v1.2.3-1-g7c22