Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enable sidebar toc for small screens #628

Closed
mojavelinux opened this issue Sep 12, 2013 · 0 comments
Closed

Enable sidebar toc for small screens #628

mojavelinux opened this issue Sep 12, 2013 · 0 comments
Assignees
Milestone

Comments

@mojavelinux
Copy link
Member

As part of the responsive behavior of the default stylesheet, the sidebar returns to the content body once the screen width drops below the break point width. This width is currently 1280px, the minimum width of a "medium" screen as defined by Foundation. Based on feedback we've received, this break point is too conservative.

Instead, the sidebar should remain until the "small" screen break point, which is 768px.

To ensure that enough room is left for the content, the width of the sidebar and font size should be reduced between the small and medium breakpoints.

Something roughly like:

@media #{$small} {
  body.toc2 {
    padding-left: 15em;
  }

  #toc.toc2 {
    width: 15em;
  }
  #toctitle {
    font-size: 1.2em;
  }
  & > ul {
    font-size: .9em;
  }
}

@media #{$medium} {
  body.toc2 {
    padding-left: 20em;
  }

  #toc.toc2 {
    width: 20em;
  }
  #toctitle {
    font-size: 1.375em;
  }
  & > ul {
    font-size: .95em;
  }
}
@ghost ghost assigned mojavelinux Sep 12, 2013
mojavelinux added a commit that referenced this issue Sep 22, 2013
resolves #628 enable sidebar toc for small screens
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant