From 14592280a9791ca8e31a1581af04941fbb6f4794 Mon Sep 17 00:00:00 2001 From: svishnev Date: Thu, 15 Feb 2018 11:00:37 +0200 Subject: ui filter component for catalog filter Issue-ID: SDC-1041 Change-Id: I29ad16dc6df7b35958d2670dcf363a9ce99ee5d7 Signed-off-by: svishnev --- .../resources/scss/components/_accordion.scss | 28 ++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 openecomp-ui/resources/scss/components/_accordion.scss (limited to 'openecomp-ui/resources/scss/components') diff --git a/openecomp-ui/resources/scss/components/_accordion.scss b/openecomp-ui/resources/scss/components/_accordion.scss new file mode 100644 index 0000000000..c96bc71be5 --- /dev/null +++ b/openecomp-ui/resources/scss/components/_accordion.scss @@ -0,0 +1,28 @@ +.accordion { + display: flex; + flex-direction: column; + .accordion-header { + display: flex; + flex-direction: row; + cursor: pointer; + margin-bottom: 10px; + .svg-icon-wrapper { + margin-right: 20px; + transition: transform .4s; + &.down { + transform: rotate(180deg); + } + } + } + .accordion-body { + padding-left: 10px; + opacity: 0; + overflow-y: hidden; + max-height: 0; + transition: max-height .3s cubic-bezier(0, 1.18, 1, 1), opacity 0.33s linear; + &.open { + opacity: 1; + max-height: 100%; + } + } +} \ No newline at end of file -- cgit 1.2.3-korg