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

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"
}

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;
}
}
}
}

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',
];

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")