[llvm-commits] [LNT] r162185 - in /lnt/trunk/lnt/server/ui: static/style.css templates/layout.html

Sat Aug 18 19:44:19 PDT 2012

Author: ddunbar
Date: Sat Aug 18 21:44:19 2012
New Revision: 162185

URL: http://llvm.org/viewvc/llvm-project?rev=162185&view=rev
Log:
UI: Move footer to bottom of page, regardless of content height.

Modified:
    lnt/trunk/lnt/server/ui/static/style.css
    lnt/trunk/lnt/server/ui/templates/layout.html

Modified: lnt/trunk/lnt/server/ui/static/style.css
URL: http://llvm.org/viewvc/llvm-project/lnt/trunk/lnt/server/ui/static/style.css?rev=162185&r1=162184&r2=162185&view=diff
==============================================================================

--- lnt/trunk/lnt/server/ui/static/style.css (original)
+++ lnt/trunk/lnt/server/ui/static/style.css Sat Aug 18 21:44:19 2012
@@ -1,5 +1,9 @@
 /* Body and Top-Level Containers */
 
+html, body {
+    height: 100%;
+}
+
 body {
     font-family: Helvetica, sans-serif;
     font-size: 9pt;
@@ -27,20 +31,27 @@
     visibility: hidden;
 }
 
-/* Top-Level Content */
+/* Top-Level Content Wrapper and Footer Positioning */
 
-.top-level-content { }
+#top-level-content {
+    min-height: 100%;
+    height: auto !important;
+    height: 100%;
+    margin: 0 auto -6em;
+}
+
+#header-push {
+    height: 6em;
+}
 
 footer {
-    padding : 5px 0px 5px 0px;
+    height: 6em;
+    background: #CFCFCF;
+    padding: 5px 0px 5px 0px;
     border-top: 2px solid #DFE0E3;
-    position : relative;
-    line-height: 0.3em;
 }
-
-#footer-content {
-    padding-left: 10px;
-    margin: 0 auto;
+footer p {
+    margin: 0;
 }
 
 /* Page Header */

Modified: lnt/trunk/lnt/server/ui/templates/layout.html
URL: http://llvm.org/viewvc/llvm-project/lnt/trunk/lnt/server/ui/templates/layout.html?rev=162185&r1=162184&r2=162185&view=diff
==============================================================================
--- lnt/trunk/lnt/server/ui/templates/layout.html (original)
+++ lnt/trunk/lnt/server/ui/templates/layout.html Sat Aug 18 21:44:19 2012
@@ -21,7 +21,7 @@
 <body>
 {% endif %}
   {# Top-Level Content (non-footer) #}
-  <div class="top-level-content">
+  <div id="top-level-content">
     {# Page Header #}
     <nav id="header" class="clearfix">
       <div class="container">
@@ -61,23 +61,23 @@
     <div id="content" class="container">{%
       block body %}{% endblock %}
     </div>
+
+    {# Force space for footer #}
+    <div id="header-push"></div>
   </div>
 
   {# Page Footer #}
   <footer class="container clearfix">
-    <div id="footer-content">
-      {# Include any database log, if present. #}
-      {% if g.db_log is defined %}
-      <h3>SQL Log</h3>
-      <pre>{{g.db_log.getvalue()}}</pre>
-      <hr>
-      {% endif %}
-      <p>LNT Version: {{ app.version }}</p>
-      <p>Server Started: {{ app.start_time|asusertime }}</p>
-      <p>Generated: {{ request.request_time|asusertime }}</p>
-      <p>Render Time: {{ "%.2fs" % request.elapsed_time() }}</p>
-      </div>
-    </div>
-  </div>
+    {# Include any database log, if present. #}
+    {% if g.db_log is defined %}
+    <h3>SQL Log</h3>
+    <pre>{{g.db_log.getvalue()}}</pre>
+    <hr>
+    {% endif %}
+    <p>LNT Version: {{ app.version }}</p>
+    <p>Server Started: {{ app.start_time|asusertime }}</p>
+    <p>Generated: {{ request.request_time|asusertime }}</p>
+    <p>Render Time: {{ "%.2fs" % request.elapsed_time() }}</p>
+  </footer>
 </body>
 </html>



