From 52f2b0c8f2393f8c5e4a686afbc38ee249af31e6 Mon Sep 17 00:00:00 2001 From: "maxime.rocher" Date: Sun, 15 Dec 2024 14:44:52 +0100 Subject: [PATCH] remise du grossissement des quot en hover --- public/styles/style.css | 10 +++++----- public/styles/styleAccueil.css | 7 +++++++ public/styles/styleQuoteLittle.css | 7 +++++++ 3 files changed, 19 insertions(+), 5 deletions(-) diff --git a/public/styles/style.css b/public/styles/style.css index 5d68522..90ba15f 100644 --- a/public/styles/style.css +++ b/public/styles/style.css @@ -13,11 +13,6 @@ } /* Général */ -::-webkit-scrollbar { - width: 14px; - height: 14px; -} - body{ font-family: "Lemon", serif; margin : 0%; @@ -116,6 +111,11 @@ body{ height: 10vh; } +::-webkit-scrollbar { + width: 14px; + height: 14px; +} + #theme-icon{ height : 5vh } diff --git a/public/styles/styleAccueil.css b/public/styles/styleAccueil.css index 393b767..c1b8103 100644 --- a/public/styles/styleAccueil.css +++ b/public/styles/styleAccueil.css @@ -11,6 +11,7 @@ overflow: hidden; margin-bottom: 20px; height: 150px; + transition: transform 0.3s ease; } /* dark-mode */ @@ -24,3 +25,9 @@ body.dark-mode .citation-du-jour { body.light-mode .citation-du-jour { background: var(--main-light-gradient); } + +.citation-du-jour:hover { + transform: scale(1.02); + z-index: 5; + position: relative; +} \ No newline at end of file diff --git a/public/styles/styleQuoteLittle.css b/public/styles/styleQuoteLittle.css index 6c90df5..faa26ef 100644 --- a/public/styles/styleQuoteLittle.css +++ b/public/styles/styleQuoteLittle.css @@ -25,6 +25,12 @@ body.light-mode .citation-container{ /* écran par défaut */ +a.link-citation:hover { + transform: scale(1.02); + z-index: 5; + position: relative; +} + .suggestions-container { display: flex; flex-wrap: wrap; @@ -37,6 +43,7 @@ a.link-citation { text-decoration: none; width: 47.5%; height: 100%; + transition: transform 0.3s ease; } .citation-container {