From d5e8f2d18c64b831bd0749ecb682db651bd015af Mon Sep 17 00:00:00 2001
From: infinite-persistence
 <64950861+infinite-persistence@users.noreply.github.com>
Date: Mon, 13 Sep 2021 23:35:26 +0800
Subject: [PATCH] Fix scrollbar in upgrade modal (#7076)

## Issue
5848 Remove scroll-bar in update prompt

## Changes
- Make scrollbars appear only when necessary.
- Style the scrollbar. Similar to other areas, we skip this for Mac (can't recall why we need to skip).
---
 ui/modal/modalUpgrade/view.jsx        | 3 +++
 ui/scss/init/_gui.scss                | 2 +-
 web/scss/themes/odysee/init/_gui.scss | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/ui/modal/modalUpgrade/view.jsx b/ui/modal/modalUpgrade/view.jsx
index 0d2a4bd7e..0af7b5665 100644
--- a/ui/modal/modalUpgrade/view.jsx
+++ b/ui/modal/modalUpgrade/view.jsx
@@ -3,6 +3,8 @@ import React from 'react';
 import { Modal } from 'modal/modal';
 import LastReleaseChanges from 'component/lastReleaseChanges';
 
+const IS_MAC = navigator.userAgent.indexOf('Mac OS X') !== -1;
+
 type Props = {
   downloadUpgrade: () => void,
   skipUpgrade: () => void,
@@ -14,6 +16,7 @@ class ModalUpgrade extends React.PureComponent<Props> {
 
     return (
       <Modal
+        className={IS_MAC ? '' : 'main-wrapper--scrollbar'}
         isOpen
         contentLabel={__('Upgrade available')}
         title={__('LBRY leveled up')}
diff --git a/ui/scss/init/_gui.scss b/ui/scss/init/_gui.scss
index 1ab69ce7d..fa8529072 100644
--- a/ui/scss/init/_gui.scss
+++ b/ui/scss/init/_gui.scss
@@ -485,7 +485,7 @@ textarea {
 
 .release__notes {
   max-height: 50vh;
-  overflow: scroll;
+  overflow: auto;
 }
 
 .signup__odysee-logo {
diff --git a/web/scss/themes/odysee/init/_gui.scss b/web/scss/themes/odysee/init/_gui.scss
index 5a61441e7..3b55c9ee0 100644
--- a/web/scss/themes/odysee/init/_gui.scss
+++ b/web/scss/themes/odysee/init/_gui.scss
@@ -488,7 +488,7 @@ textarea {
 
 .release__notes {
   max-height: 50vh;
-  overflow: scroll;
+  overflow: auto;
 }
 
 .signup__odysee-logo {