fix: Add word-break to canned response list table content

2022-11-22 23:53:15 +05:30
parent 16bfd68d95
commit db37bfea06
1 changed files with 5 additions and 1 deletions
--- a/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
@@ -46,7 +46,7 @@
                {{ cannedItem.short_code }}
              </td>
              <!-- Content -->
-              <td>{{ cannedItem.content }}</td>
+              <td class="wrap-break-words">{{ cannedItem.content }}</td>
              <!-- Action Buttons -->
              <td class="button-wrapper">
                <woot-button
@@ -209,4 +209,8 @@ export default {
 .short-code {
  width: 14rem;
 }
+.wrap-break-words {
+  word-break: break-all;
+  white-space: normal;
+}
 </style>