Browse Source

Fixes #3448: Webhook http log overflows out of browser borders

Bola Ahmed Buari 4 years ago
parent
commit
017a0b1d96

+ 1 - 1
app/assets/javascripts/app/views/widget/http_log_show.jst.eco

@@ -1,5 +1,5 @@
 <div class="settings-entry">
-  <table class="settings-list" style="width: 100%;">
+  <table class="settings-list u-overflow-wrap" style="width: 100%;">
     <tbody>
       <tr>
         <td width="20%"><%- @T('Direction') %>

+ 14 - 1
app/assets/stylesheets/zammad.scss

@@ -234,6 +234,15 @@ ol, ul {
   cursor: not-allowed;
 }
 
+.u-overflow-wrap {
+  word-break: break-word;
+
+  @supports (overflow-wrap: anywhere) {
+    overflow-wrap: anywhere;
+    word-break: unset;
+  }
+}
+
 .zIndex-1 {
   z-index: 100;
 }
@@ -9980,6 +9989,10 @@ output {
     word-break: normal;
   }
 
+  td {
+    word-break: break-all;
+  }
+
   td.empty-cell {
     border-top: none;
   }
@@ -12885,4 +12898,4 @@ span.is-disabled {
 
 .kb-menu-settings-entry {
   margin-bottom: 12px
-}
+}