From 0c8eb5ea65bc5f75f2a6b20ca741b10b02c4015e Mon Sep 17 00:00:00 2001 From: Daniel_Stoxreiter Date: Fri, 28 Jul 2023 09:06:19 +0200 Subject: [PATCH] tiles on mobile fix: overlapping with img --- html/css/style.css | 49 +++++++++++++++++++--------------------------- 1 file changed, 20 insertions(+), 29 deletions(-) diff --git a/html/css/style.css b/html/css/style.css index 8376b7c09..68509ee05 100644 --- a/html/css/style.css +++ b/html/css/style.css @@ -1744,42 +1744,33 @@ td > label { margin-bottom: 0; } .index-card .text { - font-size: 1.5rem; - } - .index-card .text { - font-size: 2rem !important; - } - .index-card .text { - -webkit-transition: none; - -moz-transition: none; - -o-transition: none; - -ms-transition: none; - transition: none; - transform: none; - -webkit-transform: none; - padding: 0 .7rem; - height: 100px; - overflow: visible; - align-items: center; - display: flex; - justify-content: center; - flex-direction: column; - opacity: 1; + -webkit-transition: none !Important;; + -moz-transition: none !Important;; + -o-transition: none !Important;; + -ms-transition: none !Important;; + transition: none !Important;; + transform: none !Important; + -webkit-transform: none !Important; + padding: 0 .7em !Important;; + opacity: 1 !Important;; + font-size: 1.5rem !Important;; + height: auto !Important; } .index-card .fadedbox { - opacity: 1; - height: 100px; + opacity: 1 !Important;; + padding: 1em !Important;; + height: auto !important; } .index-card:hover .fadedbox { } .index-card:hover .card-header img { - -webkit-transition: none; - -moz-transition: none; - -o-transition: none; - -ms-transition: none; - transition: none; - opacity: 1; + -webkit-transition: none !Important;; + -moz-transition: none !Important;; + -o-transition: none !Important;; + -ms-transition: none !Important;; + transition: none !Important;; + opacity: 1 !Important;; } }