Make the docs site basically responsive, by using flexbox instead of floats for the sidebar and allowing it to take up 100% width when the screen width is less than 480px
This commit is contained in:
parent
b4065bb9c9
commit
77cdb3081d
4 changed files with 26 additions and 24 deletions
|
|
@ -179,13 +179,14 @@
|
|||
|
||||
<div class="document">
|
||||
{%- block document %}
|
||||
|
||||
<div class="documentwrapper">
|
||||
{%- if render_sidebar %}
|
||||
{%- block sidebar2 %}{{ sidebar() }}{% endblock %}
|
||||
<div class="bodywrapper">
|
||||
{%- endif %}
|
||||
<div class="body" role="main">
|
||||
{% block body %} {% endblock %}
|
||||
<div class="clearer"></div>
|
||||
</div>
|
||||
{%- if render_sidebar %}
|
||||
</div>
|
||||
|
|
@ -193,8 +194,6 @@
|
|||
</div>
|
||||
{%- endblock %}
|
||||
|
||||
{%- block sidebar2 %}{{ sidebar() }}{% endblock %}
|
||||
<div class="clearer"></div>
|
||||
</div>
|
||||
{%- endblock %}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue