Fix paired collection creator for BS4 branch.

This is ugly to say the least, but the upstream flex styles (like .flex-row) are marking their directions as important so we need to mark these as important for the embedded flex stuff to work I think.
jmchilton · Apr 3, 2018 · fafcd6e · fafcd6e
1 parent 679edd1
commit fafcd6e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/client/galaxy/style/scss/ui/paired-collection-creator.scss b/client/galaxy/style/scss/ui/paired-collection-creator.scss
@@ -57,11 +57,16 @@
     }
 
     // a series of vertical elements that will expand to fill available space
+    // Tried to drop the important here but we have divs with classes of the form:
+    //    flex-column-container scroll-container flex-row
+    // and flex-row specifies a row direction with important. I was unable to separate
+    // this into two separate divs and get the styling right but that'd probably be a
+    // better way to go longer term.
     &.flex-row-container,
     .flex-row-container {
-        -webkit-flex-direction: column;
-        -ms-flex-direction: column;
-        flex-direction: column;
+        -webkit-flex-direction: column !important;
+        -ms-flex-direction: column !important;
+        flex-direction: column !important;
     }
     .flex-row {
         -webkit-flex: 1 auto;

diff --git a/static/style/blue/base.css b/static/style/blue/base.css
@@ -14363,9 +14363,9 @@ pre.peek {
     align-content: stretch; }
   .collection-creator.flex-row-container,
   .collection-creator .flex-row-container {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column; }
+    -webkit-flex-direction: column !important;
+    -ms-flex-direction: column !important;
+    flex-direction: column !important; }
   .collection-creator .flex-row {
     -webkit-flex: 1 auto;
     -ms-flex: 1 auto;