Sticky Footer

This commit is contained in:
JapSeyz 2016-06-16 20:16:35 +02:00
parent bc6232c520
commit 6cff8678da
8 changed files with 33 additions and 6 deletions

1
modules/Volunteers Submodule

@ -0,0 +1 @@
Subproject commit 70f50eb0353851563fbf5d47b565bd2fa6601990

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -7,9 +7,9 @@
position: fixed;
z-index: 998;
bottom: 10px;
right: 10px;
right: 25px; //Avoid scrollbars on Laptops
display: block;
width: 40px;
width: 80px;
height: 40px;
line-height: 40px;
background-color: fade(@attendize-base-color, 80%);

View File

@ -1,6 +1,9 @@
@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,400,300);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,100);
html, body {
height: 100%;
}
body {
font-family: 'Open Sans', sans-serif;
}
@ -83,8 +86,14 @@ section h1 {
#event_page_wrap {
min-height: 100%;
margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
background: rgba(0, 0, 0, .4);
section.container:last-child{
margin-bottom:0!important;
}
#organiserHead {
text-align: center;
color: #fff;
@ -235,6 +244,10 @@ section h1 {
}
footer, .push {
height: 60px; /* '.push' must be the same height as 'footer' */
}
#footer {
background-color: #888;
background-color: rgba(0, 0, 0, .4);

View File

@ -7,5 +7,8 @@
@include('Public.ViewEvent.Partials.EventShareSection')
@include('Public.ViewEvent.Partials.EventMapSection')
@include('Public.ViewEvent.Partials.EventOrganiserSection')
@stop
@section('footer')
@include('Public.ViewEvent.Partials.EventFooterSection')
@stop

View File

@ -79,8 +79,14 @@
<body class="attendize">
<div id="event_page_wrap" vocab="http://schema.org/" typeof="Event">
@yield('content')
{{-- Push for sticky footer--}}
@stack('footer')
</div>
{{-- Sticky Footer--}}
@yield('footer')
<a href="#intro" style="display:none;" class="totop"><i class="ico-angle-up"></i>
<span style="font-size:11px;">TOP</span></a>

View File

@ -1,3 +1,7 @@
@push('footer')
<div class="push"></div>
@endpush
<footer id="footer" class="container-fluid">
<div class="container">
<div class="row">