diff mbox

[Branch,~linaro-validation/lava-server/trunk] Rev 313: Fix footer overflowing the main content.

Message ID 20111129093718.13982.26081.launchpad@ackee.canonical.com
State Accepted
Headers show

Commit Message

Zygmunt Krynicki Nov. 29, 2011, 9:37 a.m. UTC 
------------------------------------------------------------
revno: 313
committer: Zygmunt Krynicki <zygmunt.krynicki@linaro.org>
branch nick: next
timestamp: Tue 2011-11-22 18:48:43 +0100
message:
  Fix footer overflowing the main content.
  
  If the user agent does not have enough vertical space the footer 
  would hide a portion of the content page. This patch restores the
  previous method of ensuring that it never happens by putting a div
  with enough padding to keep the footer away.
modified:
  lava_server/htdocs/css/default.css
  lava_server/templates/layouts/content.html


--
lp:lava-server
https://code.launchpad.net/~linaro-validation/lava-server/trunk

You are subscribed to branch lp:lava-server.
To unsubscribe from this branch go to https://code.launchpad.net/~linaro-validation/lava-server/trunk/+edit-subscription
diff mbox

Patch

=== modified file 'lava_server/htdocs/css/default.css'
--- lava_server/htdocs/css/default.css	2011-11-22 17:36:14 +0000
+++ lava_server/htdocs/css/default.css	2011-11-22 17:48:43 +0000
@@ -215,12 +215,11 @@ 
 /* Around content area */
 
 #lava-around-content {
-  margin: 1em 3em 100px 3em;
+  margin: 1em 3em;
   background-color: #333;
   border-radius: 8px;
 }
 
-
 #lava-around-content:before {
   display: block;
   content: " ";
@@ -309,6 +308,12 @@ 
 
 /* Footer */
 
+#lava-footer-sanitizer {
+  display: block;
+  content: " ";
+  padding-bottom: 100px;
+}
+
 #lava-footer {
   position: absolute;
   bottom: 0;

=== modified file 'lava_server/templates/layouts/content.html'
--- lava_server/templates/layouts/content.html	2011-11-22 17:36:14 +0000
+++ lava_server/templates/layouts/content.html	2011-11-22 17:48:43 +0000
@@ -254,6 +254,8 @@ 
   </div>
   {% endspaceless %}
 
+  <div id="lava-footer-sanitizer"></div>
+
   <!-- footer -->
   <div id="lava-footer">
     {% block footer %}