From 9bfa0d06b6cba3ba821b3ceb5647012b44e73840 Mon Sep 17 00:00:00 2001
From: Muhammad Adeel Tajamul
 <77053848+muhammadadeeltajamul@users.noreply.github.com>
Date: Thu, 15 Feb 2024 06:43:32 +0500
Subject: [PATCH] feat: stick discussion sidebar to top (#1290)

---
 .../DiscussionsNotificationsSidebar.jsx                      | 2 +-
 .../sidebar/sidebars/discussions/DiscussionsSidebar.jsx      | 2 +-
 src/index.scss                                               | 5 +++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/courseware/course/new-sidebar/sidebars/discussions-notifications/DiscussionsNotificationsSidebar.jsx b/src/courseware/course/new-sidebar/sidebars/discussions-notifications/DiscussionsNotificationsSidebar.jsx
index f1d87b2a..94168991 100644
--- a/src/courseware/course/new-sidebar/sidebars/discussions-notifications/DiscussionsNotificationsSidebar.jsx
+++ b/src/courseware/course/new-sidebar/sidebars/discussions-notifications/DiscussionsNotificationsSidebar.jsx
@@ -17,7 +17,7 @@ const DiscussionsNotificationsSidebar = () => {
     <SidebarBase
       ariaLabel={intl.formatMessage(messages.discussionNotificationTray)}
       sidebarId={ID}
-      className="d-flex flex-column flex-fill"
+      className="d-flex flex-column flex-fill sticky-top vh-100"
       showTitleBar={false}
       showBorder={false}
     >
diff --git a/src/courseware/course/sidebar/sidebars/discussions/DiscussionsSidebar.jsx b/src/courseware/course/sidebar/sidebars/discussions/DiscussionsSidebar.jsx
index 3e98d465..e90556e4 100644
--- a/src/courseware/course/sidebar/sidebars/discussions/DiscussionsSidebar.jsx
+++ b/src/courseware/course/sidebar/sidebars/discussions/DiscussionsSidebar.jsx
@@ -32,7 +32,7 @@ const DiscussionsSidebar = ({ intl }) => {
     >
       <iframe
         src={`${discussionsUrl}?inContextSidebar`}
-        className="d-flex w-100 h-100 border-0"
+        className="d-flex sticky-top vh-100 w-100 border-0"
         title={intl.formatMessage(messages.discussionsTitle)}
         allow="clipboard-write"
         loading="lazy"
diff --git a/src/index.scss b/src/index.scss
index 71ab2e02..f30e43d1 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -368,6 +368,11 @@
   }
 }
 
+.sticky-top {
+  position: sticky;
+  top: 0;
+}
+
 // Import component-specific sass files
 @import "courseware/course/celebration/CelebrationModal.scss";
 @import "courseware/course/sidebar/sidebars/notifications/NotificationIcon.scss";