Andreas/tracks
1
0
Fork 0
mirror of https://github.com/TracksApp/tracks.git synced 2025-12-16 15:20:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update the footer to be more responsive

Browse source 
Matches the style of the existing footer and makes the links move to the
next line instead of wrapping if the viewport is too small for all of
the footer to fit on one line.

Also moves the footer over to bootstrap styles
This commit is contained in:
Matt Rogers 2016-01-12 21:37:44 -06:00
parent 8012f98d6d
commit 137e36497d
3 changed files with 32 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/assets/stylesheets/login.css.scss
View file

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

20
app/assets/stylesheets/tracks.css.scss
View file

@ -10,3 +10,23 @@
border-radius: 2px; 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;
}
}

19
app/views/shared/_footer.html.erb
View file

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