From 990d34695f1b7b331711af462a84314289b57b5d Mon Sep 17 00:00:00 2001
From: Daniel Muyshond <daniel.muyshond@imio.be>
Date: Sat, 30 Jul 2022 16:01:15 +0200
Subject: [PATCH] [TELE-1393] make formsofcategorycell that has asset picture
 look like Liege/Verviers

---
 .../_imio-basic-additional-custom.scss        | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/static/includes/_imio-basic-additional-custom.scss b/static/includes/_imio-basic-additional-custom.scss
index f8a01e4d..6960f05a 100644
--- a/static/includes/_imio-basic-additional-custom.scss
+++ b/static/includes/_imio-basic-additional-custom.scss
@@ -209,6 +209,38 @@ div.link-cell.pk-button ul > li > a, .link-cell.lingo-basket-cell--item-pay ul >
 	transition: background 0.1s cubic-bezier(0.79, 0.14, 0.15, 0.86), color 0.1s cubic-bezier(0.79, 0.14, 0.15, 0.86), border 0.1s cubic-bezier(0.79, 0.14, 0.15, 0.86);
 }
 
+div#content div.wcsformsofcategorycell.has-asset-picture {
+    position: relative;
+	padding-bottom: 0;
+    picture img {
+        width: 100%;
+        object-fit: cover;
+        height: 160px;
+    }
+    h2 {
+        position: absolute;
+		width: 100%;
+        z-index: 10;
+        background-color: rbg(0 0 0 / 23%);
+        color: white;
+        height: 160px;
+        padding-top: 50px;
+        &::after {
+            font-size: 1.2em;
+        }
+    }
+	&.foldable {
+		@media screen and ($max-mobile-viewport) {
+			h2 {
+				padding-right: 50px; // for folding arrow
+			}
+		}
+		h2::after {
+			font-size: 30px;
+		}
+	}
+}
+
 /*
 Links
 */