== Background
Layout changes from design review
== Specification
we will now be supporting 3 layouts:
1) article page with toc
2) article page without toc
3) special pages that need full width
specs of layouts at various widths:
demo: https://di-layout-spec.web.app
| | article page with toc ([[ https://patchdemo.wmflabs.org/wikis/7bf0454258/wiki/Barack_Obama?useskin=vector-2022&tableofcontents=1 | example ]]) | article page without toc ([[ https://patchdemo.wmflabs.org/wikis/7bf0454258/w/index.php?title=Barack_Obama&action=info&useskin=vector-2022&tableofcontents=true | example ]])| special pages that need full width ([[ https://patchdemo.wmflabs.org/wikis/7bf0454258/wiki/Special:RecentChanges?hidebots=1&limit=50&days=7&enhanced=1&urlversion=2&useskin=vector-2022 | example ]])
| -- | -- | -- | --
| Wider than outter container max | {F35028978} | {F35028996} | {F35047475}
| At outter container max | {F35028979} | {F35028998} | {F35047477}
| Below outter container max | {F35028980} | {F35028999} | {F35047479}
| Below content max | {F35028981} | {F35029002} | {F35047482}
regarding the table of contents specifically:
{F35029028}
our current layout (e.g. https://en.wikipedia.org/wiki/Finland?useskin=vector-2022&tableofcontents=true) seems pretty close to this already. a few things (but not a comprehensive list) to look into:
[] reduce the max-width of the outer container
[] check/adjust the spacing between the header and the content area
[] check/adjust the width of the left sidebar
[] check/adjust layout of toc within left sidebar
[] check/adjust the spacing around the toc
[] create layout for article pages with no toc (page content gets centered in that case)
[] check/adjust the width of the logo container (should match sidebar width)