build: bump frontend-build to alpha

package.json

@@ -35,16 +35,16 @@
   "devDependencies": {
     "@edx/brand": "npm:@edx/brand-openedx@1.2.0",
     "@edx/browserslist-config": "^1.1.1",
-    "@edx/frontend-build": "12.8.61",
-    "@edx/frontend-platform": "4.6.0",
+    "@edx/frontend-build": "12.9.0-alpha.1",
+    "@edx/frontend-platform": "4.6.1",
     "@edx/reactifex": "^2.1.1",
     "@testing-library/dom": "9.3.1",
-    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "10.4.9",
     "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
     "enzyme": "3.11.0",
     "husky": "8.0.3",
-    "jest": "29.6.1",
+    "jest": "29.6.2",
     "jest-chain": "1.1.6",
     "prop-types": "15.8.1",
     "react": "17.0.2",
@@ -56,7 +56,7 @@
     "redux-saga": "1.2.3"
   },
   "dependencies": {
-    "@edx/paragon": "20.45.0",
+    "@edx/paragon": "20.45.5",
     "@fortawesome/fontawesome-svg-core": "6.4.0",
     "@fortawesome/free-brands-svg-icons": "6.4.0",
     "@fortawesome/free-regular-svg-icons": "6.4.0",

src/Notifications/index.jsx

@@ -44,13 +44,6 @@ const Notifications = () => {
     };
   }, []);
 
-  const viewPortHeight = window.innerHeight;
-  const headerHeight = document.getElementsByClassName('learning-header');
-  let notificationBarHeight = 0;
-  if (headerHeight.length > 0) {
-    notificationBarHeight = viewPortHeight - headerHeight[0].clientHeight;
-  }
-
   return (
     <OverlayTrigger
       trigger="click"
@@ -61,7 +54,6 @@ const Notifications = () => {
       overlay={(
         <Popover
           id="notificationTray"
-          style={{ height: `${notificationBarHeight}px` }}
           data-testid="notification-tray"
           className={classNames('overflow-auto rounded-0 border-0', {
             'w-100': !isOnMediumScreen && !isOnLargeScreen,

src/index.scss

@@ -190,6 +190,8 @@ $white: #fff;
 }
 
 .popover {
+  max-height: calc(100% - 68px);
+  min-height: 1220px;
   filter: none;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15), 0px 2px 8px rgba(0, 0, 0, 0.15);