3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-24 22:46:57 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): remove horizontal scroll on docs page (#2582)

Browse source
This commit is contained in:
Alexey Pyltsyn 2020-04-11 17:58:59 +03:00 • committed by GitHub
parent a8ab0d661e
commit d531735b3a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/docusaurus-theme-classic/src/theme/DocItem/index.js
View file

@ -102,7 +102,7 @@ function DocItem(props) {
{permalink && <meta property="og:url" content={siteUrl + permalink} />} {permalink && <meta property="og:url" content={siteUrl + permalink} />}
</Head> </Head>
<div className="padding-vert--lg"> <div className="padding-vert--lg">
<div className="container"> <div className={classnames('container', styles.docItemWrapper)}>
<div className="row"> <div className="row">
<div className={classnames('col', styles.docItemCol)}> <div className={classnames('col', styles.docItemCol)}>
<div className={styles.docItemContainer}> <div className={styles.docItemContainer}>

8
packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css
View file

@ -28,6 +28,14 @@
} }
} }
@media (min-width: 997px) and (max-width: 1320px) {
.docItemWrapper {
max-width: calc(
var(--ifm-container-width) - 300px - var(--ifm-spacing-horizontal) * 2
);
}
}
.tableOfContents { .tableOfContents {
display: inherit; display: inherit;
max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem)); max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem));