feedback icon indicating copy to clipboard operation
feedback copied to clipboard

"In This Article" takes up too much space

Open chipplyman opened this issue 2 years ago • 3 comments

Describe the bug The main content column of many learn.microsoft.com technical documentation articles is too narrow. Code samples and tables (clearly designed for a wider column) get cut off and gain a horizontal scrollbar. These sections are often quite long vertically, meaning that the horizontal scrollbar is not available when viewing content near their top.

If I move the window to a landscape-oriented monitor and expand its width, the scrollbars disappear around 1660px.

IMO, the "In This Article" TOC is the problem here. It creates an enormous amount of useless whitespace throughout every article relative to the useful space it occupies at the top.

The "In This Article" section should be either: a) made collapsible such that it occupies a minimal amount of horizontal space b) merged into the main column

To Reproduce Steps to reproduce the behavior:

  1. Set browser width to a reasonable size, say 1200px
  2. Visit https://learn.microsoft.com/en-us/dotnet/api/microsoft.build.utilities.task or https://learn.microsoft.com/en-us/visualstudio/msbuild/msbuild-command-line-reference#switches or any number of documentation pages with tables or code samples
  3. Note that the right edge of the code sample or table is cut off. Note the ridiculous amount of whitespace on the right

Expected behavior The entire width of tables and code sample boxes is visible when viewed at a reasonable width.

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser Edge, Chrome, Firefox, likely all browsers

chipplyman avatar Mar 07 '23 18:03 chipplyman

Thank you for opening an issue! One of our team members will get back to you with additional information.

If this is a product issue, please close this issue and contact the product's support instead. For a list of support websites, see Support for Microsoft products and apps.

welcome[bot] avatar Mar 07 '23 18:03 welcome[bot]

https://github.com/MicrosoftDocs/feedback/issues/3785 is a specific instance of this issue.

https://github.com/MicrosoftDocs/feedback/issues/3741 describes a potential fix.

chipplyman avatar Mar 07 '23 18:03 chipplyman

@keziamicro FYI

gewarren avatar Mar 23 '23 23:03 gewarren