simplyfy Read More

app/assets/javascripts/app/controllers/layout_ref.js.coffee

@@ -120,8 +120,9 @@ class CommunicationOverview extends App.ControllerContent
 
   unfold: (e) ->
     container = $(e.currentTarget).parents('.textBubble-content')
+    overflowContainer = container.find('.textBubble-overflowContainer')
 
-    container.find('.textBubble-overflowContainer').velocity
+    overflowContainer.velocity
       properties:
         opacity: 0
       options:
@@ -132,7 +133,7 @@ class CommunicationOverview extends App.ControllerContent
         height: container.attr('data-height')
       options:
         duration: 300
-        complete: -> container.parents('.textBubble').removeClass('is-overflowing')
+        complete: -> overflowContainer.addClass('hide');
 
   render: ->
     @html App.view('layout_ref/communication_overview')()

app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco

@@ -196,7 +196,7 @@ Grüße, Peter</div>
         <div class="article-content zIndex-1">
           <span class="avatar user-popover " data-id="3" style="background-image: url(api/v1/users/image/bb100af55234cf61fb6f207636f095f8)" data-placement="right" data-original-title="" title=""></span>
           <div class="flex bubble-gap internal-border">
-            <div class="textBubble is-overflowing"><div class="bubble-arrow"></div>
+            <div class="textBubble"><div class="bubble-arrow"></div>
               <div class="textBubble-content" style="height: 300px" data-height="539">Lieber HP,<br>
 anbei findest du die Midi Noten für Maria Maria "I Like it Loud".<br>
 Wünsche dir einen guten Auftritt in Hamburg.<br>

app/assets/stylesheets/zammad.css.scss

@@ -3152,7 +3152,7 @@ footer {
     position: relative;
   }
     
-  .is-overflowing .textBubble-overflowContainer {
+  .textBubble-overflowContainer {
     position: absolute;
     bottom: 0;
     left: 0;
@@ -3174,7 +3174,7 @@ footer {
     }
   }
 
-  .customer .is-overflowing .textBubble-overflowContainer {
+  .customer .textBubble-overflowContainer {
     background: #e5f0f5;
     &:before {
       background: linear-gradient(transparent, #e5f0f5);
@@ -3185,9 +3185,6 @@ footer {
     background: #e5f0f5;
     border-color: hsl(199,38%,92%);
     box-shadow: none;
-    &.is-overflowing:after { 
-      background: linear-gradient(transparent, #e5f0f5 60px);
-    }
   }
 
     .customer.ticket-article-item.state--folde-out .textBubble {