From a8af1bcdf08931ffe8bf2809cdecdd75db9eef5d Mon Sep 17 00:00:00 2001
From: amcmanu3 <mcdeweykp@gmail.com>
Date: Mon, 4 Sep 2023 20:42:50 -0400
Subject: [PATCH] Adjust front end styling

---
 app/frontend/templates/notify.html | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/frontend/templates/notify.html b/app/frontend/templates/notify.html
index 4348fad5..5f917e5e 100644
--- a/app/frontend/templates/notify.html
+++ b/app/frontend/templates/notify.html
@@ -7,7 +7,7 @@
             text-danger
         {% end %}
         "></i><span id="notif-count" class="badge badge-notify"></span> </a>
-    <div class="dropdown-menu dropdown-menu-right navbar-dropdown" style="width: 40vw;" aria-labelledby="notifDropdown">
+    <div class="dropdown-menu dropdown-menu-right navbar-dropdown notif-div" style="width: 40vw; max-height: 80vh;" aria-labelledby="notifDropdown">
       <ul style="padding-top: 10px;" id="announcements">
       </ul>
     </div>
@@ -78,6 +78,16 @@
   .clear-button:hover {
     cursor: pointer;
   }
+/* Hide scrollbar for Chrome, Safari and Opera */
+.notif-div::-webkit-scrollbar {
+  display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.notif-div {
+  -ms-overflow-style: none;  /* IE and Edge */
+  scrollbar-width: none;  /* Firefox */
+}
 </style>
 <script>
   function pfpError(image) {