AMBARI-10921. Widgets: ui changes v3d.(xiwang)

ambari-web/app/controllers/main/service/widgets/create/step3_controller.js

@@ -106,7 +106,7 @@ App.WidgetWizardStep3Controller = Em.Controller.extend({
   },
 
   isSubmitDisabled: function () {
-    return !(this.get('widgetName'));
+    return !(this.get('widgetName').trim());
   }.property('widgetName'),
 
   /**

ambari-web/app/messages.js

@@ -2531,7 +2531,7 @@ Em.I18n.translations = {
   'widget.create.wizard.header': 'Create Widget',
   'widget.create.wizard.step1.header': 'Select Type',
   'widget.create.wizard.step1.body.text': 'What type of widget do you want to create?',
-  'widget.create.wizard.step1.body.choose.tooltip': 'Click tp select',
+  'widget.create.wizard.step1.body.choose.tooltip': 'Click to select',
   'widget.create.wizard.step2.header': 'Metrics and Expression',
   'widget.create.wizard.step2.body.text':'Define the expression with any metrics and valid operators. </br>Use parentheses when necessary.',
   'widget.create.wizard.step2.body.template':'Define the template first, a template can have any number of {{expression}} and any string.',

ambari-web/app/styles/enhanced_service_dashboard.less

@@ -212,6 +212,7 @@
       height: 62%;
       overflow: hidden;
       text-overflow: ellipsis;
+      white-space: pre-line;
       background: rgba(255,255,255, 0.7);
     }
   }
@@ -601,6 +602,7 @@
             display: inline-block;
             margin-bottom: 0px;
             margin-right: 5px;
+            color: #888;
           }
           .description-text {
             font-size: 12px;
@@ -609,6 +611,7 @@
             overflow: hidden;
             text-overflow: ellipsis;
             height: 40px;
+            white-space: pre-line;
           }
         }