Andal.LND/frontend-app-discussions
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: scrollbar for safari (#224)

Browse Source
This commit is contained in:
Awais Ansari
2022-07-29 15:51:03 +05:00
committed by GitHub
parent 74e2169768
commit 2405040f08
3 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/index.html
View File

@@ -1,12 +1,16 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>Discussions | <%= process.env.SITE_NAME %></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="<%=htmlWebpackPlugin.options.FAVICON_URL%>" type="image/x-icon" />
<title>Discussions | <%= process.env.SITE_NAME %></title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="shortcut icon"
href="<%=htmlWebpackPlugin.options.FAVICON_URL%>"
type="image/x-icon"
/>
</head>
<body class="vh-100 vw-100 overflow-hidden">
<body class="vh-100 vw-100 h-100 m-0">
<div id="root" class="vh-100 vw-100 small"></div>
</body>
</html>

2
src/discussions/discussions-home/DiscussionSidebar.jsx
View File

@@ -18,7 +18,7 @@ export default function DiscussionSidebar({ displaySidebar }) {
<div
className={classNames('flex-column', {
'd-none': !displaySidebar,
'd-flex w-25 w-xs-100 w-lg-25 overflow-auto h-100': displaySidebar,
'd-flex w-25 w-xs-100 w-lg-25 h-100 overflow-auto': displaySidebar,
})}
style={{ minWidth: '29rem' }}
data-testid="sidebar"

2
src/discussions/discussions-home/DiscussionsHome.jsx
View File

@@ -84,7 +84,7 @@ export default function DiscussionsHome() {
path={[Routes.POSTS.PATH, Routes.TOPICS.CATEGORY]}
component={provider === DiscussionProvider.LEGACY ? LegacyBreadcrumbMenu : BreadcrumbMenu}
/>
<div className="d-flex flex-row overflow-hidden flex-grow-1">
<div className="d-flex flex-row overflow-hidden flex-grow-1 h-100">
<DiscussionSidebar displaySidebar={displaySidebar} />
{displayContentArea && <DiscussionContent />}
{!displayContentArea && (