Merge pull request #132 from JapSeyz/stickyFooter

Sticky footer
This commit is contained in:
Dave Earley 2016-06-17 00:28:31 +01:00 committed by GitHub
commit 76880bd06b
7 changed files with 29 additions and 7 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

@ -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,6 +86,8 @@ 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);
#organiserHead {
@ -235,6 +240,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);
@ -520,4 +529,4 @@ Event Listing / Organiser Page
}
}
}

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