(SR-408) Facets - Build facet on GCWEB framework

index.html

@@ -20,6 +20,7 @@ <h3>Regular pages</h3>
 	<li><a href="test/src-en.html">Contextual search page</a></li>
 	<li><a href="test/no-qs-en.html">Search without Query Suggestions (QS)</a></li>
 	<li><a href="test/qs-en.html">Search with custom QS configuration</a></li>
+	<li><a href="test/srf-en.html">Search page with facets</a></li>
 	<li><a href="test/srb-fr.html" hreflang="fr" lang="fr">Page de recherche (base)</a></li>
 	<li><a href="test/sra-fr.html" hreflang="fr" lang="fr">Page de recherche (avancée)</a></li>
 	<li><a href="test/src-fr.html" hreflang="fr" lang="fr">Page de recherche (contextuelle)</a></li>

src/connector.css

@@ -50,3 +50,36 @@
 		width: 100%;
 	}
 }
+
+/*
+ * Facet sidebar layout
+ */
+.gc-facet-toggle .glyphicon-chevron-left {
+	display: inline-block;
+	transition: transform 0.2s ease;
+}
+
+/* Rotate chevron to point right when the panel is collapsed */
+.gc-facet-toggle[aria-expanded="false"] .glyphicon-chevron-left {
+	transform: rotate(180deg);
+}
+
+.gc-facet-values li {
+	overflow-wrap: break-word;
+	position: relative;
+}
+
+/* Stretch the link click area to the full row without affecting its visual appearance */
+.gc-facet-values a::after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+}
+
+.gc-date-pickers .form-control,
+.gc-facet-search {
+	width: 100%;
+}