strasbourg-2018: duplicate disclose dataview style (#35431)

static/strasbourg-2018/_custom.scss

@@ -130,10 +130,6 @@ div#receipt-intro {
 	display: block;
 }
 
-div.dataview {
-	display: none;
-}
-
 div.qommon-map {
 	height: 280px;
 }
@@ -1216,3 +1212,44 @@ footer {
 .template-evaluation .customSelectContain {
 	display: none;
 }
+
+div.section.foldable {
+	// duplicated from _wcs.scss that cannot be imported due to local
+	// custom widgets
+	margin-bottom: 1rem;
+	> h2:first-child {
+		&::after {
+			font-family: FontAwesome;
+			content: "\f106";  // angle-up
+			position: absolute;
+			right: 1em;
+		}
+		cursor: pointer;
+		&:focus span.disclose-message,
+		&:hover span.disclose-message {
+			text-decoration: underline;
+		}
+	}
+	span.disclose-message {
+		padding-left: 1ex;
+		font-size: 1rem;
+		display: none;
+	}
+	&.folded {
+		span.disclose-message {
+			display: inline-block;
+			@media screen and (max-width: $mobile-limit) {
+				// never displayed on mobile as the small width
+				// makes clear the relation between title and
+				// open/close bracket.
+				display: none;
+			}
+		}
+		div {
+			display: none;
+		}
+		> h2:first-child::after {
+			content: "\f107";  // angle-down
+		}
+	}
+}