publish: overflow-scroll only in parent container

Moves the scrollbar out of the body.
This commit is contained in:
Matilde Park 2020-03-11 18:45:32 -04:00
parent 2d5e2b8901
commit 1b4b327489
5 changed files with 5 additions and 5 deletions

View File

@ -114,7 +114,7 @@ export class EditPost extends Component {
/>
</Link>
</div>
<div className="overflow-container mw6 center">
<div className="mw6 center">
<div className="pl4">
<div className="gray2">{date}</div>
</div>

View File

@ -123,7 +123,7 @@ export class NewPost extends Component {
/>
</Link>
</div>
<div className="overflow-container mw6 center">
<div className="mw6 center">
<div className="pa4">
<input
autoFocus

View File

@ -190,7 +190,7 @@ export class Note extends Component {
/>
</Link>
</div>
<div className="w-100 mw6 overflow-container">
<div className="w-100 mw6">
<div className="flex flex-column">
<div className="f9 mb1"
style={{overflowWrap: "break-word"}}>{title}</div>

View File

@ -192,7 +192,7 @@ export class Notebook extends Component {
/>
</Link>
<div
className="h-100 pt0 pt8-m pt8-l pt8-xl overflow-container no-scrollbar"
className="h-100 pt0 pt8-m pt8-l pt8-xl no-scrollbar"
onScroll={this.onScroll}
ref={el => {
this.scrollElement = el;

View File

@ -31,7 +31,7 @@ export class Skeleton extends Component {
path={props.path}
invites={props.invites}
/>
<div className={"h-100 w-100 relative white-d " + rightPanelHide} style={{
<div className={"h-100 w-100 relative white-d overflow-y-scroll " + rightPanelHide} style={{
flexGrow: 1,
}}>
{props.children}