From d2bbb69e14d03a43351e6035643574e2e7a6c0b7 Mon Sep 17 00:00:00 2001
From: "Henrique V. Ehrenfried" <hvehrenfried@inf.ufpr.br>
Date: Fri, 11 Dec 2020 08:25:12 -0300
Subject: [PATCH] Improve arrows in homepage carrousel
Signed-off-by: Henrique V. Ehrenfried <hvehrenfried@inf.ufpr.br>
---
src/Components/carousel.css | 29 +++++++++++++++++++++--------
1 file changed, 21 insertions(+), 8 deletions(-)
diff --git a/src/Components/carousel.css b/src/Components/carousel.css
index bc577274..9c7ea986 100644
--- a/src/Components/carousel.css
+++ b/src/Components/carousel.css
@@ -21,15 +21,28 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>
}
.carousel .control-arrow {
background: orange !important;
- position: relative !impontant;
-}
-.carousel.carousel-slider .control-arrow {
- top: 40% !important;
- bottom: 50% !important;
- border-radius: 100% !important;
- opacity: 0.8 !important;
- padding: 12px !important;
+ /* position: relative !important; */
+
+ -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
+ box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
+
+
+
+
}
+
.MuiPaper-elevation1-209{
box-shadow: none !important;
}
+
+
+.carousel.carousel-slider .control-arrow {
+ top: 35%!important;
+ bottom: 50%!important;
+ border-radius: 100%!important;
+ opacity: 1!important;
+ text-align: center;
+ vertical-align: middle;
+ height: 50px;
+ width: 50px;
+}
--
GitLab