pearofducks / gitbook-plugin-theme-vuejs Goto Github PK

Hi, @pearofducks , I want a tip class to add a warning. like vue api:

<p class="tip">
Don’t use the minified version during development. You will miss out all the nice warnings for common mistakes!
</p>

you can see it in here

First of all - thanks a lot for making this theme, we've been using it in most gitbook-powered Vue documentations and it's been working really well. So far all those usages are pointing directly to this repo, it would probably be nicer if we publish this on npm so it can be versioned.

To fix this you need to remove "overflow:hidden" from
".normal.markdown-section", at least on small screens

In some languages (e.g. Russian) the phrase Edit this page occupies more space, then in English. This causes the header to overflow on small screens, pushing the content from the right side.

Demo: https://vuex.vuejs.org/ru/installation.html (view on small screen).

A couple possible solutions:

1. .normal.markdown-section { width: 100% }.
2. Hide the edit label on small screens.

Kudos to @vladknp for initial report.