Vlad Riscutia avatar Vlad Riscutia committed 21f0e4d

Improve usability on small screen

Comments (0)

Files changed (2)

tinkerer/themes/boilerplate/layout.html

       <div class="content clearfix">
       {%- block document -%}
         <div class="documentwrapper">
-          {%- block relbar1 -%}{{ relbar() }}{% endblock -%}
+          {%- block relbar1 -%}<div class="relbartop">{{ relbar() }}</div>{% endblock -%}
             <article class="document">
               {% block body -%} {% endblock -%}
             </article>
-          {%- block relbar2 -%}{{ relbar() }}{% endblock -%}
+          {%- block relbar2 -%}<div class="relbarbottom">{{ relbar() }}</div>{% endblock -%}
         </div>
       {%- endblock -%}
       {%- if render_sidebar -%}

tinkerer/themes/modern5/static/modern5.css_t

 footer { font-size: 0.8em; }
 
 /* Layout */
-header { padding: 20px 0; }
+ul { padding: 0 0 0 20px; list-style: square; }
+
+header { padding: 10px 0; }
 header h1, span { margin: 0; }
 header h1 { padding: 0 20px 2px; }
 header span { padding: 2px 20px 0; display: block; }
 
 div.documentwrapper { padding: 0 20px 10px; }
 div.related { padding: 20px 0 0; }
+div.relbartop { display: none; }
 article.document { padding: 20px 0 10px 0; }
 article.document h1, h2, h3 { margin-top: 0; }
 article.document + div.related { padding-bottom: 10px; }
 
     div.documentwrapper { padding: 0 40px 20px; }
     div.related { padding: 40px 0 0; }
+    div.relbartop { display: block; }
     article.document { padding: 40px 0 20px 0; }
     article.document + div.related { padding-bottom: 20px; }
 
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.