Collapse with flex elements - simple approach (#25806)

* #22600: prevent display:block for visible content * allow transition for elements with show class

Collapse with flex elements - simple approach (#25806)
* #22600: prevent display:block for visible content * allow transition for elements with show class
f893ec7a · Martijn Cuppens · XhmikosR · 2b861935 · f893ec7a
Commit f893ec7a authored 7 years ago by Martijn Cuppens Committed by XhmikosR 7 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 4 additions and 18 deletions
+4 -18
--- a/scss/_transitions.scss
+++ b/scss/_transitions.scss
 // stylelint-disable selector-no-qualifying-type
 .fade {
-  opacity: 0;
  @include transition($transition-fade);
-  &.show {
+  &:not(.show) {
-    opacity: 1;
+    opacity: 0;
  }
 }
 .collapse {
-  display: none;
+  &:not(.show) {
-  &.show {
+    display: none;
-    display: block;
-  }
-}
-tr {
-  &.collapse.show {
-    display: table-row;
-  }
-}
-tbody {
-  &.collapse.show {
-    display: table-row-group;
  }
 }