Improve footer layout and styling (fixed position is not fixed)

This commit is contained in:
James Brooks
2015-06-10 22:09:28 +01:00
parent 9877023bb4
commit 9a200684c1
6 changed files with 62 additions and 42 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -1,4 +1,4 @@
{
"dist/css/all.css": "dist/css/all-73d97429.css",
"dist/css/all.css": "dist/css/all-1a70cf59.css",
"dist/js/all.js": "dist/js/all-c132bc1e.js"
}
+38 -5
View File
@@ -294,12 +294,45 @@ body.status-page {
}
}
footer.footer {
padding-top: 40px;
padding-bottom: 40px;
color: #777;
text-align: center;
footer {
margin-top: 40px;
padding: 40px 0;
border-top: 1px solid $cachet_gray_light;
background-color: lighten($cachet_gray_light, 5%);
color: $cachet-gray-darker;
line-height: 30px;
text-align: center;
.icons {
a.icon-link {
display: inline-block;
min-width: 30px;
height: 30px;
border-radius: 3px;
background-color: $cachet-gray-darker;
text-align: center;
color: $cachet_gray_light;
transition: all 0.15s;
padding: 0 10px 0 10px;
&.rss {
background-color: $cachet-orange;
}
&:hover {
text-decoration: none;
background-color: darken($cachet-gray-darker, 10%);
}
}
}
@media (min-width: 768px) {
text-align: left;
.icons {
margin-top: 0;
text-align: right;
}
}
}
}
+2 -2
View File
@@ -90,8 +90,8 @@ return [
// Other
'powered_by' => ':app Status Page is powered by <a href="https://cachethq.io">Cachet</a>.',
'about_this_site' => 'About this site',
'rss-feed' => 'RSS Feed',
'atom-feed' => 'Atom Feed',
'rss-feed' => 'RSS',
'atom-feed' => 'Atom',
'feed' => 'Status Feed',
];
+20 -12
View File
@@ -1,15 +1,23 @@
<footer class="footer">
@if(Setting::get('show_support'))
<p>{!! trans('cachet.powered_by', ['app' => Setting::get('app_name')]) !!}</p>
@endif
<p><a href="/rss"><i class="ion-social-rss"></i> {{ trans('cachet.rss-feed') }}</a>&nbsp;-&nbsp;<a href="/atom"><i class="ion-social-rss"></i> {{ trans('cachet.atom-feed') }}</a></p>
<p>
<a href="/dashboard">{{ trans('dashboard.dashboard') }}</a>
@if($loggedUser)
&ndash;
<a href="/auth/logout">{{ trans('dashboard.logout') }}</a>
@endif
</p>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6">
@if(Setting::get('show_support'))
<p>{!! trans('cachet.powered_by', ['app' => Setting::get('app_name')]) !!}</p>
@endif
</div>
<div class="col-sm-6">
<div class="icons">
<a href="/dashboard" class="icon-link"><i class="ion-levels"></i> {{ trans('dashboard.dashboard') }}</a>
@if($loggedUser)
<a href="/auth/logout" class="icon-link"><i class="ion-android-exit"></i> {{ trans('dashboard.logout') }}</a>
@endif
<a href="/rss" class="icon-link rss"><i class="ion-social-rss"></i> {{ trans('cachet.rss-feed') }}</a>
<a href="/atom" class="icon-link rss"><i class="ion-social-rss"></i> {{ trans('cachet.atom-feed') }}</a>
</div>
</div>
</div>
</div>
</footer>
@include("partials.analytics")