Added styling for pf3 select stretching

Hyperkid123 · Hyperkid123 · commit fdd430fdc7c0 · 2019-12-18T16:33:17.000+01:00
diff --git a/packages/pf3-component-mapper/demo/index.js b/packages/pf3-component-mapper/demo/index.js
@@ -20,6 +20,7 @@ const selectSchema = {
     menuIsOpen: true,
     isClearable: true,
     multi: false,
+    placeholder: 'Super long option label, Super long option label, Super long option label, Super long option label, Super long option label, Super long option labelSuper long option label, Super long option labelSuper long option label, Super long option labelSuper long option label, Super long option labelSuper long option label, Super long option labelSuper long option label, Super long option labelSuper long option label, Super long option label',
     validate: [{
       type: 'required-validator'
     }],
diff --git a/packages/pf3-component-mapper/src/form-fields/select/react-select.scss b/packages/pf3-component-mapper/src/form-fields/select/react-select.scss
@@ -141,13 +141,17 @@ div.field-group {
   }
   .ddorg__pf3-component-mapper__select__value-container {
     margin-right: 8px;
+    height: 24px;
   }
   .ddorg__pf3-component-mapper__select__single-value {
     font-size: 12px;
     margin-left: 0;
     font-weight: 600;
     color: rgb(54, 54, 54);
-    text-overflow: clip;
-    max-width: 100%
+    max-width: 100%;
+    position: relative;
+  }
+  .ddorg__pf3-component-mapper__select__placeholder {
+    position: relative;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -141,13 +141,17 @@ div.field-group {`
`141`	`141`	`}`
`142`	`142`	`.ddorg__pf3-component-mapper__select__value-container {`
`143`	`143`	`margin-right: 8px;`
	`144`	`+ height: 24px;`
`144`	`145`	`}`
`145`	`146`	`.ddorg__pf3-component-mapper__select__single-value {`
`146`	`147`	`font-size: 12px;`
`147`	`148`	`margin-left: 0;`
`148`	`149`	`font-weight: 600;`
`149`	`150`	`color: rgb(54, 54, 54);`
`150`		`- text-overflow: clip;`
`151`		`- max-width: 100%`
	`151`	`+ max-width: 100%;`
	`152`	`+ position: relative;`
	`153`	`+ }`
	`154`	`+ .ddorg__pf3-component-mapper__select__placeholder {`
	`155`	`+ position: relative;`
`152`	`156`	`}`
`153`	`157`	`}`