From 4a46bede07416652a363446f53f1099a986689a4 Mon Sep 17 00:00:00 2001 From: rektdeckard Date: Mon, 5 Oct 2020 02:15:01 -0400 Subject: [PATCH] Footer: back-to-top should float above toolbar --- src/components/App/App.css | 1 - src/components/Footer/Footer.css | 13 ++++++------- 2 files changed, 6 insertions(+), 8 deletions(-) diff --git a/src/components/App/App.css b/src/components/App/App.css index 2bb4400..5d1ffde 100644 --- a/src/components/App/App.css +++ b/src/components/App/App.css @@ -65,7 +65,6 @@ button.main-button { button.main-button:active { transform: translate(4px, 4px); - /* background-color: #DDDDDD; */ box-shadow: 0 0 0 0 black; } diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css index 2eb2e0a..e2d8fa2 100644 --- a/src/components/Footer/Footer.css +++ b/src/components/Footer/Footer.css @@ -7,6 +7,7 @@ footer { height: 140px; margin: 0; border-radius: 50%; + z-index: 2; } #back-to-top-button img { @@ -25,7 +26,6 @@ footer { max-width: 666px; margin: 0 8% 0; padding-top: 72px; - /* overflow: hidden; */ } .outro p { @@ -68,7 +68,6 @@ footer .links { height: 48px; padding: 0; margin: 16px; - z-index: 1; } #back-to-top-button img { @@ -121,7 +120,7 @@ footer .links { #command { position: absolute; - right: -16px; + right: -48px; top: 144px; } } @@ -137,11 +136,11 @@ footer .links { top: 276px; } - #command { + /* #command { position: absolute; - left: 732px; - top: 512px; - } + left: 532px; + top: 150px; + } */ .illustrations-footer { display: initial;