From 0597ebd86f85b82e10ecb92efa9dca6ed9868ca4 Mon Sep 17 00:00:00 2001
From: Konstantinos Platis <konstantinos.platis@cern.ch>
Date: Wed, 21 Nov 2018 15:23:26 +0100
Subject: [PATCH] Changed design of FAQ List pattern
---
.../molecules/faq-list/faq-list.html.twig | 41 +++++++++++--------
1 file changed, 23 insertions(+), 18 deletions(-)
diff --git a/patterns/molecules/faq-list/faq-list.html.twig b/patterns/molecules/faq-list/faq-list.html.twig
index 3339feca..898d386a 100644
--- a/patterns/molecules/faq-list/faq-list.html.twig
+++ b/patterns/molecules/faq-list/faq-list.html.twig
@@ -3,21 +3,26 @@
* FAQ List Display Pattern Twig.
#}
-{# Content #}
-<div class="faq-list-content">
- {# Title field #}
- {% if title | render %}
- <div class="faq-list-content-title clearfix">
- <h2>
- {{ title }}
- </h2>
- <span class="pull-right collapseManager">+</span>
- </div>
- {% endif %}
- {# Body field #}
- {% if body | render %}
- <div class="faq-list-content-body hidden clearfix">
- {{ body }}
- </div>
- {% endif %}
-</div>
+{% set nhash = random() %}
+
+
+<div class="panel panel-default">
+ <div class="panel-heading">
+ <h4 class="panel-title">
+ <a
+ data-parent="#{{ "accordion"~ nhash }}"
+ data-toggle="collapse"
+ class="collapsed"
+ aria-expanded="false"
+ href={{ "#collapse"~ nhash }} >{{ title }}
+ </a>
+ </h4>
+ </div>
+ <div class="panel-collapse collapse"
+ aria-expanded="false"
+ id={{ "collapse"~ nhash }}>
+ <div class="panel-body">
+ {{ body }}
+ </div>
+ </div>
+</div>
\ No newline at end of file
--
GitLab