Merge pull request #1959 from TracksApp/responsive-bootstrap-footer

Update the footer to be more responsive
This commit is contained in:
Dan Rice 2016-01-14 17:34:19 -05:00
commit e5cf1ab604
4 changed files with 32 additions and 25 deletions

View file

@ -402,15 +402,6 @@ input.item-checkbox {
border-top: 1px solid #999;
}
#footer {
clear: both;
font-size: 85%;
text-align: center;
color: #999;
margin: 20px 310px 5px 20px;
padding: 0px;
}
a.footer_link {
color: #cc3334;
font-style: normal;
@ -437,10 +428,6 @@ a.footer_link {
width: 250px;
}
div#footer {
margin-right:410px;
}
/* override jquery css to match tracks defaults better */
div.ui-widget { font-size: 1em; }
div.ui-tabs li a { padding: 0.1em 1em; }

View file

@ -44,8 +44,3 @@ body {
@extend .form-group;
}
.footer {
@include make-xs-column(12);
@include make-sm-column(6);
@include make-sm-column-offset(3);
}

View file

@ -10,3 +10,23 @@
border-radius: 2px;
}
}
.footer {
@include make-xs-column(12);
@include make-sm-column(10);
@include make-sm-column-offset(1);
font-size: 85%;
text-align: center;
color: #999;
margin: 20px 0 5px;
}
.footer-line {
display: block;
}
@media screen and (min-width: 1170px) {
.footer-line {
display: inline;
}
}

View file

@ -1,8 +1,13 @@
<div id="footer">
<p><%= t('footer.send_feedback', :version => TRACKS_VERSION) %>: <a href="https://github.com/TracksApp/tracks/issues"><%= t('common.bugs')%></a> |
<a href="https://github.com/TracksApp/tracks/wiki"><%= t('common.wiki')%></a> |
<a href="http://groups.google.com/group/TracksApp"><%= t('common.mailing_list')%></a> |
<a href="http://www.getontracks.org/"><%= t('common.website')%></a> |
<a href="http://www.getontracks.org/development/"><%= t('common.contribute')%></a> |
<%= link_to(t('layouts.navigation.mobile'), todos_path(:format => 'm')) %></p>
<div class="bootstrap">
<div class="footer">
<%= t('footer.send_feedback', :version => TRACKS_VERSION) %>
<span class="footer-line">
<a href="https://github.com/TracksApp/tracks/issues"><%= t('common.bugs')%></a> |
<a href="https://github.com/TracksApp/tracks/wiki"><%= t('common.wiki')%></a> |
<a href="http://groups.google.com/group/TracksApp"><%= t('common.mailing_list')%></a> |
<a href="http://www.getontracks.org/"><%= t('common.website')%></a> |
<a href="http://www.getontracks.org/development/"><%= t('common.contribute')%></a> |
<%= link_to(t('layouts.navigation.mobile'), todos_path(:format => 'm')) %>
</span>
</div>
</div>