fix: make docs page wrapper take full height

[lex111]

Motivation

Fixes #7018, broken as result changes in https://github.com/facebook/docusaurus/pull/6925/files#diff-efc286976b85125e3056044ed1ef259e5794477ab266e4c6207a68d795f76b4a

Note: this bug will be noticeable if the content area column on the right is smaller by height than the sidebar.

I had to add back the docs-wrapper class as it was before, since I guess that's the only available way to make things work.

Have you read the Contributing Guidelines on pull requests?

Yes

Test Plan

Create empty Markdown page or via dev tools try to empty content area on any existent page -- the sidebar should be stretched to the footer.

Related PRs

[netlify]

✅ [V2]

Name	Link
🔨 Latest commit	1bc5884
🔍 Latest deploy log	https://app.netlify.com/sites/docusaurus-2/deploys/62401b8566a1df0008ea76c0
😎 Deploy Preview	https://deploy-preview-7025--docusaurus-2.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[github-actions]

⚡️ Lighthouse report for the changes in this PR:

Category	Score
🔴 Performance	40
🟢 Accessibility	100
🟢 Best practices	92
🟢 SEO	100
🟢 PWA	90

Lighthouse ran on https://deploy-preview-7025--docusaurus-2.netlify.app/

[github-actions]

Size Change: +19 B (0%)

Total Size: 806 kB

ℹ️ View Unchanged

Filename	Size	Change
website/.docusaurus/globalData.json	49.9 kB	0 B
website/build/assets/css/styles.********.css	105 kB	+19 B (0%)
website/build/assets/js/main.********.js	613 kB	0 B
website/build/index.html	38.4 kB	0 B

_{compressed-size-action}

[Josh-Cena]

That's also what I figured need to happen 👍 We have too many class names on the html element, and docs-wrapper, docs-doc-page, plugin-docs seem exactly equivalent in all cases. It seems beneficial to at least have something that targets the wrapper element instead. Not sure if it goes against @slorber's intention though

[lex111]

I agree with you, it's even more strange to see the class containing of "wrapper" added to the root element of a page. Such classes have no place in the html element, and so they should be removed from there later. For now, I have changed the original fix to keep better consistent with #6925.

[Josh-Cena]

Thanks, I think we can move forward from here

[slorber]

change looks fine

I don't think the top-level class should be removed because it's a stable one meant to be used for custom CSS targeting: one identity all the pages of the docs plugin, the other identity a specific page of the docs plugin

[Josh-Cena]

But we already have plugin-docs that's applied to all docs plugin pages, right?

[slorber]

oh yes

right, I think I kept those for temp easier retrocompat ;) we can keep the todo then