Make footer transparent and stuck at the bottom

abrasseu · Sep 12, 2020 · 7f164a9 · 7f164a9
1 parent 9ed1aca
commit 7f164a9
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/resources/assets/sass/_design.scss b/resources/assets/sass/_design.scss
@@ -34,8 +34,9 @@
 		        box-shadow: 0 0 5px 3px rgba(30, 30, 30, .8);
 	}
 	.transparent {
-		background-color: rgba(0,0,0,0.35) !important; 
-		/*box-shadow: none !important;*/
+		background-color: transparent !important; 
+		// background-color: rgba(0,0,0,0.35) !important; 
+		// box-shadow: none !important;
 	}
 	.contour {
 		border: 1px solid $color-lightgrey;

diff --git a/resources/assets/sass/_structures.scss b/resources/assets/sass/_structures.scss
@@ -46,7 +46,7 @@
 
 	.footer {
 		z-index: 99;
-		position: fixed;
+		position: absolute;
 		bottom: 0;
 		width: 100%;
 		height: 40px;
@@ -56,6 +56,9 @@
 /*	===============	BODY	===============	*/
 
 	body {
+		position: relative;
+		min-height: 100vh;
+		width: 100vw;
 		padding-top: 110px;			/* Espace header */
 		padding-bottom: 60px;		/* Espace footer */
 		color: $color-light;

diff --git a/resources/views/template.blade.php b/resources/views/template.blade.php
@@ -77,7 +77,7 @@
 @yield('content')
 
 {{-- Footer --}}
-<footer class="footer container text-center text-muted {{ Route::currentRouteName()=='home' ? 'transparent' : 'grey vshadow' }}">
+<footer class="footer container text-center text-muted {{ Route::currentRouteName()=='home' ? 'transparent' : 'grey' }}">
 	<a href="{{ route('mentions-legales') }}" title="Mentions Légales" class="mx-2 link-footer {{ Route::currentRouteName()=='home' ? ' text-white' : 'text-muted' }}">Mentions légales</a>
 	<span class="mx-2 {{ Route::currentRouteName()=='home' ? ' text-white' : 'text-muted' }}">All rights reserved &copy; Tonino De Marco</span>
 	{{-- <span class="mx-2 {{ Route::currentRouteName()=='home' ? ' text-white' : 'text-muted' }}">Tous droits réservés Tonino De Marco</span> --}}