Improve css in preparation for the sync scroll (#380)

* Improve css in preparation for the sync scroll

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>

* Remove scroll behaviour

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
This commit is contained in:
mrdrogdrog 2020-08-03 20:06:32 +02:00 committed by GitHub
parent 6add1b2f1f
commit 512bca02e7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 16 deletions

View file

@ -23,7 +23,7 @@ export const MarkdownRenderWindow: React.FC<RenderWindowProps> = ({ content, onM
const realWidth = width || 0
return (
<div className={'bg-light flex-fill pb-5 flex-row d-flex min-h-100'} ref={renderer}>
<div className={'bg-light flex-fill pb-5 flex-row d-flex w-100 h-100 overflow-y-scroll'} ref={renderer}>
<div className={'col-md'}/>
<MarkdownRenderer
className={'flex-fill'}
@ -34,7 +34,7 @@ export const MarkdownRenderWindow: React.FC<RenderWindowProps> = ({ content, onM
onFirstHeadingChange={onFirstHeadingChange}
/>
<div className={`col-md d-flex flex-column ${realWidth < 1280 ? 'justify-content-end' : ''}`}>
<div className={'col-md'}>
<ShowIf condition={realWidth >= 1280 && !!tocAst}>
<MarkdownToc ast={tocAst as TocAst} sticky={true}/>
</ShowIf>