Commits

Vlad Riscutia committed e641713

Small screen style tweaks

Comments (0)

Files changed (3)

tinkerer/themes/boilerplate/layout.html

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

tinkerer/themes/modern5/layout.html

             // Scroll to content if on small screen
             if (screen.width < 480)
             {
-                $(document).scrollTop(documentwrapper.offsetTop - 44);
+                $(document).scrollTop(document.getElementsByClassName("document")[0].offsetTop - 44);
             }
         });
     </script>

tinkerer/themes/modern5/static/modern5.css_t

 
 {%- set sans_serif_font = "'Helvetica Neue', Helvetica, Arial, sans-serif" -%}
 
-body { font-family: {{ sans_serif_font }}; font-size: 1em; }
+body { font-family: {{ sans_serif_font }}; font-size: .9em; }
 
 header h1 * { font-size: 1.6em; font-weight: normal; }
 header span { font-size: 1.4em; }
 /* Layout */
 ul { padding: 0 0 0 20px; list-style: square; }
 
-header { padding: 10px 0; }
+header { padding: 20px 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; }
+div.related ul { padding: 0; list-style: none; }
+div.related li { line-height: 2em; }
 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; }
-    div.relbarbottom { margin-bottom: 20px; }
+    div.related li { line-height: 1em; }
     article.document { padding: 40px 0 20px 0; }
     article.document + div.related { padding-bottom: 20px; }