From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Mon, 12 Mar 2018 16:40:30 +0000 (+0100)
Subject: Collapse with flex elements - simple approach (#25806)
X-Git-Tag: v4.1.0~79
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=f893ec7a7557f1c22b7571b4682c59573a8c3a9a;p=thirdparty%2Fbootstrap.git

Collapse with flex elements - simple approach (#25806)

* #22600: prevent display:block for visible content

* allow transition for elements with show class
---

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;
   }
 }