Added single value styling for pf3 select

Hyperkid123 · Hyperkid123 · commit 968522d764f4 · 2019-12-18T16:25:06.000+01:00
diff --git a/packages/pf3-component-mapper/demo/index.js b/packages/pf3-component-mapper/demo/index.js
@@ -19,7 +19,7 @@ const selectSchema = {
     validateOnMount: true,
     menuIsOpen: true,
     isClearable: true,
-    multi: true,
+    multi: false,
     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
@@ -142,4 +142,12 @@ div.field-group {
   .ddorg__pf3-component-mapper__select__value-container {
     margin-right: 8px;
   }
+  .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%
+  }
 }

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