From d11638164e166249784b2911a872dc15aac07113 Mon Sep 17 00:00:00 2001
From: Alison <astanton+git@bankofknowledge.net>
Date: Sun, 10 Jun 2018 09:33:19 -0500
Subject: [PATCH] add break-word wrap to add/edit text box on dashboard

---
 client/app/components/dashboards/add-widget-dialog.html | 2 +-
 client/app/components/dashboards/add-widget-dialog.js   | 1 +
 client/app/components/dashboards/add-widget-dialog.less | 3 +++
 client/app/components/dashboards/edit-text-box.html     | 2 +-
 client/app/components/dashboards/widget.js              | 1 +
 5 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 client/app/components/dashboards/add-widget-dialog.less

diff --git a/client/app/components/dashboards/add-widget-dialog.html b/client/app/components/dashboards/add-widget-dialog.html
index f5ad55cc13..90676dfbf1 100644
--- a/client/app/components/dashboards/add-widget-dialog.html
+++ b/client/app/components/dashboards/add-widget-dialog.html
@@ -15,7 +15,7 @@ <h4 class="modal-title">Add Widget</h4>
     </div>
     <div ng-show="$ctrl.text" class="m-t-15">
       <strong>Preview:</strong>
-      <p ng-bind-html="$ctrl.text | markdown"></p>
+      <p ng-bind-html="$ctrl.text | markdown" class="word-wrap-break"></p>
     </div>
   </div>
 
diff --git a/client/app/components/dashboards/add-widget-dialog.js b/client/app/components/dashboards/add-widget-dialog.js
index 055055928a..e02d1bbacd 100644
--- a/client/app/components/dashboards/add-widget-dialog.js
+++ b/client/app/components/dashboards/add-widget-dialog.js
@@ -1,5 +1,6 @@
 import { debounce } from 'underscore';
 import template from './add-widget-dialog.html';
+import './add-widget-dialog.less';
 
 const AddWidgetDialog = {
   template,
diff --git a/client/app/components/dashboards/add-widget-dialog.less b/client/app/components/dashboards/add-widget-dialog.less
new file mode 100644
index 0000000000..d156595123
--- /dev/null
+++ b/client/app/components/dashboards/add-widget-dialog.less
@@ -0,0 +1,3 @@
+.word-wrap-break {
+	word-wrap: break-word;
+}
\ No newline at end of file
diff --git a/client/app/components/dashboards/edit-text-box.html b/client/app/components/dashboards/edit-text-box.html
index 850a96cf9c..8a4e621659 100644
--- a/client/app/components/dashboards/edit-text-box.html
+++ b/client/app/components/dashboards/edit-text-box.html
@@ -8,7 +8,7 @@ <h4 class="modal-title">Edit TextBox</h4>
   </div>
   <div ng-show="$ctrl.widget.new_text">
     <strong>Preview:</strong>
-    <p ng-bind-html="$ctrl.widget.new_text | markdown"></p>
+    <p ng-bind-html="$ctrl.widget.new_text | markdown" class="word-wrap-break"></p>
   </div>
 </div>
 
diff --git a/client/app/components/dashboards/widget.js b/client/app/components/dashboards/widget.js
index ddefe33f00..ecd061464b 100644
--- a/client/app/components/dashboards/widget.js
+++ b/client/app/components/dashboards/widget.js
@@ -1,6 +1,7 @@
 import template from './widget.html';
 import editTextBoxTemplate from './edit-text-box.html';
 import './widget.less';
+import './add-widget-dialog.less';
 
 const EditTextBoxComponent = {
   template: editTextBoxTemplate,