Skip to content
This repository was archived by the owner on Dec 18, 2024. It is now read-only.

fix(component-sidenav,component-viewer): fix sticky TOC #917

Merged
merged 1 commit into from
Feb 8, 2021

Conversation

Splaktar
Copy link
Contributor

@Splaktar Splaktar commented Feb 6, 2021

  • remove overflow: hidden that breaks TOC stickiness
    • made sure to keep the Material Table examples from overflowing afterwards
      via changes to component-viewer.scss
  • revert change from follow-up improvements to components list page #784 to make small breakpoint 939 instead of 959 as it
    isn't consistent with our Sass breakpoints or the Material layout spec
  • use alternative to router-outlet + * styling
  • use constants for more media query breakpoints
  • add some missing Sass imports
  • move $sidenav-width to constants
  • update constants to include different horizontal padding for
    guides and sidenav content
  • update copyright year
  • add stylePreprocessorOptions for shorter Sass imports
  • add .nvmrc since Angular projects only support NodeJS 12 atm

Fixes #257

Verified against

  • Chrome 88.0.4324.146
  • Firefox 85.0.1
  • Safari 14.0.3

@Splaktar Splaktar requested a review from annieyw February 6, 2021 21:14
@Splaktar Splaktar self-assigned this Feb 6, 2021
@google-cla google-cla bot added the cla: yes label Feb 6, 2021
- remove `overflow: hidden` that breaks TOC stickiness
  - made sure to keep the Material Table examples from overflowing afterwards
    via changes to `component-viewer.scss`
- revert change from angular#784 to make small breakpoint 939 instead of 959 as it
  isn't consistent with our Sass breakpoints or the Material layout spec
- use alternative to `router-outlet + *` styling
- use constants for more media query breakpoints
- add some missing Sass imports
- move $sidenav-width to constants
- update constants to include different horizontal padding for
  guides and sidenav content
- update copyright year
- add stylePreprocessorOptions for shorter Sass imports
- add .nvmrc since Angular projects only support NodeJS 12 atm

Fixes angular#257
@annieyw annieyw merged commit e978ae3 into angular:master Feb 8, 2021
@Splaktar Splaktar deleted the fix-sticky-toc branch February 8, 2021 18:45
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

bug(docs): toc is not sticky
2 participants