prevent release notes from extending beyond height of app

CHANGELOG.md

@@ -4,13 +4,18 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
-## [Unreleased on desktop]
+## [0.50.1] - [2021-03-18]
+
+### Fixed
+
+- Upgrade modal extended beyond the height of the app ([#5709](https://github.com/lbryio/lbry-desktop/pull/5709))
+
+## [0.50.0] - [2021-03-18]
 
 ### Added
 
 - New moderation tools: block & mute ([#5572](https://github.com/lbryio/lbry-desktop/pull/5572))
 - Improved markdown file styling ([#5659](https://github.com/lbryio/lbry-desktop/pull/5659))
-- Wallet balance UI improvements ([#5276](https://github.com/lbryio/lbry-desktop/pull/5387))
 - Mass tip unlock ([#5409](https://github.com/lbryio/lbry-desktop/pull/5387))
 - Zoomable image viewer in Markdown (posts and comments) _community pr!_ ([#5387](https://github.com/lbryio/lbry-desktop/pull/5387))
 - Enable PDF Viewer in App _community pr!_ ([#2903](https://github.com/lbryio/lbry-desktop/issues/2903))

ui/component/lastReleaseChanges/view.jsx

@@ -43,8 +43,8 @@ const LastReleaseChanges = (props: Props) => {
 
     setFetchingReleaseChanges(true);
     fetch(lastReleaseUrl, options)
-      .then(response => response.json())
-      .then(response => {
+      .then((response) => response.json())
+      .then((response) => {
         setReleaseTag(response.tag_name);
         setReleaseChanges(response.body);
         setFetchingReleaseChanges(false);
@@ -70,7 +70,7 @@ const LastReleaseChanges = (props: Props) => {
   }
 
   return (
-    <div>
+    <div className="release__notes">
       {releaseVersionTitle}
       <p>
         <MarkdownPreview content={releaseChanges} />

ui/modal/modalRouter/view.jsx

@@ -53,8 +53,6 @@ function ModalRouter(props: Props) {
   const { modal, error, location, hideModal } = props;
   const { pathname } = location;
 
-  //   return <ModalMobileSearch />;
-
   React.useEffect(() => {
     hideModal();
   }, [pathname, hideModal]);

ui/scss/init/_gui.scss

@@ -426,3 +426,8 @@ textarea {
   height: 5rem;
   width: 100%;
 }
+
+.release__notes {
+  max-height: 50vh;
+  overflow: scroll;
+}