From f893ec7a7557f1c22b7571b4682c59573a8c3a9a Mon Sep 17 00:00:00 2001
From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Mon, 12 Mar 2018 17:40:30 +0100
Subject: [PATCH] Collapse with flex elements - simple approach (#25806)

* #22600: prevent display:block for visible content

* allow transition for elements with show class
---
 scss/_transitions.scss | 22 ++++------------------
 1 file changed, 4 insertions(+), 18 deletions(-)

diff --git a/scss/_transitions.scss b/scss/_transitions.scss
index df5744b25f..c8d91e2717 100644
--- a/scss/_transitions.scss
+++ b/scss/_transitions.scss
@@ -1,30 +1,16 @@
 // stylelint-disable selector-no-qualifying-type
 
 .fade {
-  opacity: 0;
   @include transition($transition-fade);
 
-  &.show {
-    opacity: 1;
+  &:not(.show) {
+    opacity: 0;
   }
 }
 
 .collapse {
-  display: none;
-  &.show {
-    display: block;
-  }
-}
-
-tr {
-  &.collapse.show {
-    display: table-row;
-  }
-}
-
-tbody {
-  &.collapse.show {
-    display: table-row-group;
+  &:not(.show) {
+    display: none;
   }
 }
 
-- 
2.47.2