Merge pull request #3551 from westlywright/fp.translations.bugs

Translation Typos

app/styles/components/_forms.scss

@@ -94,6 +94,13 @@ select {
     width: 100%;
     color: $input-color;
 
+    // firefox quirk, options were not inheriting there parents color styles
+    option,
+    optgroup {
+      color: $input-color;
+      background: $input-bg;
+    }
+
     &[size] {
       display: inline-block;
       width: auto;

lib/shared/addon/components/form-project-targets/component.js

@@ -39,7 +39,7 @@ export default Component.extend({
       const clusterDisplayName =  get(p, 'cluster.displayName');
 
       const out = {
-        name:    get(p, 'name'),
+        name:    get(p, 'displayName'),
         value:   get(p, 'id'),
         cluster: clusterDisplayName
       };

lib/shared/addon/components/searchable-select/component.js

@@ -297,10 +297,11 @@ export default Component.extend({
 
       if (key) {
         let group = out.filterBy('group', key)[0];
+        let groupLabel = this.intl.exists(key) ? this.intl.t(key) : key;
 
         if (!group) {
           group = {
-            group:   key,
+            group:   groupLabel,
             options: []
           };
           out.push(group);

lib/shared/addon/components/searchable-select/template.hbs

@@ -71,7 +71,7 @@
 
         {{#each groupedContent as |group|}}
           <div class="searchable-group">
-            <div class="group-label">{{t group.group}}</div>
+            <div class="group-label">{{group.group}}</div>
             {{#each group.options as |item idx|}}
               <div
                 class="searchable-option"