nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-09-19 04:59:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix footer overlap #848

Browse Source 
- Added footer responsive layout for tablets too
- Fixed footer ovelap on Laptop media screen
This commit is contained in:
pycat 2017-05-16 00:32:58 +03:00 committed by James Valleroy
parent 89ceb98273
commit 0e80bb9b02
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808
3 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
plinth/templates/base.html
View File

@ -75,6 +75,7 @@
</head> </head>
<body> <body>
<div id="wrapper">
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://mozilla.org/firefox">Upgrade to a modern version of Firefox</a> to experience this site.</p><![endif]--> <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://mozilla.org/firefox">Upgrade to a modern version of Firefox</a> to experience this site.</p><![endif]-->
<div class="navbar navbar-fixed-top navbar-default" role="navigation"> <div class="navbar navbar-fixed-top navbar-default" role="navigation">
<div class="container"> <div class="container">
@ -167,7 +168,7 @@
</div> </div>
</div> </div>
<div class="container"> <div id="container-wrapper" class="container">
<div class="row"> <div class="row">
{% block content_row %} {% block content_row %}
<div class="col-md-3"> <div class="col-md-3">
@ -226,8 +227,8 @@
</div> </div>
{% endblock %} {% endblock %}
</div> </div>
</footer> </footer><!--/.footer-->
</div><!--/#container-->
<!-- JavaScript <script> tags are placed at the end of the document to speed up initial page loads--> <!-- JavaScript <script> tags are placed at the end of the document to speed up initial page loads-->
<!-- Local link to system Modernizr (includes HTML5 Shiv) --> <!-- Local link to system Modernizr (includes HTML5 Shiv) -->
<script type="text/javascript" src="{% static '/javascript/modernizr/modernizr.min.js' %}"></script> <script type="text/javascript" src="{% static '/javascript/modernizr/modernizr.min.js' %}"></script>

20
static/themes/default/css/plinth.css
View File

@ -1,5 +1,6 @@
body { body {
padding-top: 70px; padding-top: 70px;
position: relative;
} }
.nav .glyphicon, .nav .glyphicon,
@ -86,17 +87,28 @@ footer .license-info {
html { html {
position: relative; position: relative;
min-height: 100%;
} }
body {
/* Margin bottom by footer height */ body, html {
margin-bottom: 60px; height: 100%;
} }
#wrapper{
min-height: 100%;
position: relative;
}
#container-wrapper{
/*covers for footer height */
padding-bottom: 150px;
}
footer { footer {
text-align: center; text-align: center;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 150px;
} }
footer license-info p{ footer license-info p{

2
static/themes/default/css/responsive.css
View File

@ -2,7 +2,7 @@
/* Responsive queries */ /* Responsive queries */
/* Smartphone */ /* Smartphone */
@media screen and (max-width: 660px) { @media only screen and (min-width: 320px) and (max-width: 768px) {
footer{ footer{
position: relative; position: relative;
} }