lib/form-layout: Let data-field wrapped selects expand

cockpit-project · Mar 6, 2019 · ee70473 · ee70473
1 parent 3423064
commit ee70473
Showing 1 changed file with 16 additions and 10 deletions.
diff --git a/pkg/lib/form-layout.less b/pkg/lib/form-layout.less
@@ -174,23 +174,29 @@
       }
     }
 
-    // Allow dropdowns to be less wide
-    &:not(.ct-form-layout-relax) > .ct-select,
-    &:not(.ct-form-layout-relax) > .dropdown {
-      width: auto !important;
-    }
-
-    > .form-control {
-      width: auto;
-    }
-
     > .checkbox,
     > .radio {
         // Spacing is handled by grid, not margin
         margin: 0;
     }
   }
 
+  > [role=group],
+  > .ct-validation-wrapper > [role=group],
+  > .ct-validation-wrapper > [data-field] {
+    // Allow dropdowns to expand as needed
+    &:not(.ct-form-layout-relax) {
+      > .dropdown {
+        width: auto !important;
+      }
+
+      // <select>s need to be coaxed to be 100%
+      > .ct-select {
+        width: 100%;
+      }
+    }
+  }
+
   // Vertically align checkboxes and radios properly using flex
   .checkbox > label,
   .radio > label,