From 57aa8c517a1ff94dcdcee98668fbfb89b38fb580 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Thu, 11 Jun 2015 16:06:02 +0200
Subject: [PATCH] fix FF bug in standalone tasks list

---
 .../app/views/agent_ticket_create.jst.eco        |  8 ++++----
 .../app/views/layout_ref/local_modal.jst.eco     |  8 ++++----
 .../layout_ref/organization_profile.jst.eco      | 12 ++++++------
 .../app/views/layout_ref/user_profile.jst.eco    | 16 ++++++++--------
 .../javascripts/app/views/link/info.jst.eco      |  2 +-
 .../app/views/widget/ticket_stats_list.jst.eco   |  2 +-
 app/assets/stylesheets/zammad.css.scss           | 11 +++++++++--
 7 files changed, 33 insertions(+), 26 deletions(-)

diff --git a/app/assets/javascripts/app/views/agent_ticket_create.jst.eco b/app/assets/javascripts/app/views/agent_ticket_create.jst.eco
index ddd186183..5212a9fe2 100644
--- a/app/assets/javascripts/app/views/agent_ticket_create.jst.eco
+++ b/app/assets/javascripts/app/views/agent_ticket_create.jst.eco
@@ -70,7 +70,7 @@
               <div class="icon-holder">
                 <div class="priority icon"></div>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Micro-SIM doesn't work</div>
                 <div class="time">23 minutes ago</div>
               </div>
@@ -78,7 +78,7 @@
               <div class="icon-holder">
                 <div class="priority icon"></div>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Superb Service!</div>
                 <div class="time">43 minutes ago</div>
               </div>
@@ -86,7 +86,7 @@
               <div class="icon-holder">
                 <div class="priority icon"></div>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Print sheets strip off</div>
                 <div class="time">1 hour ago</div>
               </div>
@@ -94,7 +94,7 @@
               <div class="icon-holder">
                 <div class="priority icon"></div>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Block not properly wrought</div>
                 <div class="time">2 hour ago</div>
               </div>
diff --git a/app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco b/app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco
index d0780b536..25ac6895c 100644
--- a/app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco
@@ -376,7 +376,7 @@
               <div class="icon-holder">
                 <div class="priority icon"></div>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Micro-SIM doesn't work</div>
                 <div class="time">23 minutes ago</div>
               </div>
@@ -384,7 +384,7 @@
               <div class="icon-holder">
                 <div class="priority icon"></div>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Superb Service!</div>
                 <div class="time">43 minutes ago</div>
               </div>
@@ -392,7 +392,7 @@
               <div class="icon-holder">
                 <div class="priority icon"></div>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Print sheets strip off</div>
                 <div class="time">1 hour ago</div>
               </div>
@@ -400,7 +400,7 @@
               <div class="icon-holder">
                 <div class="priority icon"></div>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Block not properly wrought</div>
                 <div class="time">2 hour ago</div>
               </div>
diff --git a/app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco b/app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco
index 9ff6d768e..61cbd5a39 100644
--- a/app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco
@@ -78,7 +78,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority level-2"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Micro-SIM doesn't work</div>
                 <div class="time">23 minutes ago</div>
               </div>
@@ -86,7 +86,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority level-2"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Superb Service here_with_some_extrem_example_sting_witch_can_really_be!</div>
                 <div class="time">43 minutes ago</div>
               </div>
@@ -94,7 +94,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority level-2"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Print sheets strip off</div>
                 <div class="time">1 hour ago</div>
               </div>
@@ -102,7 +102,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority level-2"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Block not properly wrought</div>
                 <div class="time">2 hour ago</div>
               </div>
@@ -116,7 +116,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority level-1"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Micro-SIM doesn't work</div>
                 <div class="time">23 minutes ago</div>
               </div>
@@ -124,7 +124,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority level-1"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Superb Service!</div>
                 <div class="time">43 minutes ago</div>
               </div>
diff --git a/app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco b/app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco
index 20c4d1466..70b8409f7 100644
--- a/app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco
@@ -70,7 +70,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Micro-SIM doesn't work</div>
                 <div class="time">23 minutes ago</div>
               </div>
@@ -78,7 +78,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Superb Service!</div>
                 <div class="time">43 minutes ago</div>
               </div>
@@ -86,7 +86,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Print sheets strip_off_with_a_lot_of_text_in_the_headline</div>
                 <div class="time">1 hour ago</div>
               </div>
@@ -94,7 +94,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Block not properly wrought</div>
                 <div class="time">2 hour ago</div>
               </div>
@@ -108,7 +108,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Micro-SIM doesn't work</div>
                 <div class="time">23 minutes ago</div>
               </div>
@@ -116,7 +116,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Superb Service!</div>
                 <div class="time">43 minutes ago</div>
               </div>
@@ -124,7 +124,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Print sheets strip off with a lot of text in the headline</div>
                 <div class="time">1 hour ago</div>
               </div>
@@ -132,7 +132,7 @@
               <div class="icon-holder">
                 <svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
               </div>
-              <div class="flex">
+              <div class="task-text">
                 <div class="name">Block not properly wrought</div>
                 <div class="time">2 hour ago</div>
               </div>
diff --git a/app/assets/javascripts/app/views/link/info.jst.eco b/app/assets/javascripts/app/views/link/info.jst.eco
index e9cf2f514..b0ff476c4 100644
--- a/app/assets/javascripts/app/views/link/info.jst.eco
+++ b/app/assets/javascripts/app/views/link/info.jst.eco
@@ -8,7 +8,7 @@
       <div class="icon-holder">
         <svg class="<%- item.icon() %>"><use xlink:href="#icon-priority" /></svg>
       </div>
-      <div class="flex">
+      <div class="task-text">
         <a class="name ticket-popover" data-id="<%- item.id %>" href="#ticket/zoom/<%= item.id %>"><%= item.title %></a>
         <div class="time humanTimeFromNow" data-time="<%- item.created_at %>"></div>
       </div>
diff --git a/app/assets/javascripts/app/views/widget/ticket_stats_list.jst.eco b/app/assets/javascripts/app/views/widget/ticket_stats_list.jst.eco
index 6897f2c69..9fbdd6f85 100644
--- a/app/assets/javascripts/app/views/widget/ticket_stats_list.jst.eco
+++ b/app/assets/javascripts/app/views/widget/ticket_stats_list.jst.eco
@@ -7,7 +7,7 @@
     <div class="icon-holder">
       <svg class="<%- ticket.icon() %>"><use xlink:href="#icon-priority" /></svg>
     </div>
-    <div class="flex">
+    <div class="task-text">
       <a class="name ticket-popover" data-id="<%- ticket_id %>" href="<%- ticket.uiUrl() %>"><%= ticket.title %></a>
       <div class="time humanTimeFromNow" data-time="<%- ticket.created_at %>"></div>
     </div>
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 166d2bf08..9f121a7dc 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -1735,8 +1735,14 @@ footer {
       display: flex;
     }
 
+    .tasks--standalone .task-text {
+      flex: 1;
+      min-width: 0; /* Firefox wrong content-calculation with word-wrap workaround */
+    }
+
     .tasks--standalone .name {
       @extend .u-highlight, .u-textTruncate;
+      display: block;
     }
 
     .tasks--standalone .time {
@@ -2746,7 +2752,7 @@ footer {
     position: relative;
     display: flex;
     flex: 1;
-    min-width: 0; /* Firefox workaround */
+    min-width: 0; /* Firefox wrong content-calculation with word-wrap workaround */
   }
 
   .activity-entry:not(:last-child) .activity-body:after {
@@ -2769,7 +2775,7 @@ footer {
 
   .activity-message {
     flex: 1;
-    min-width: 0; /* Firefox workaround */
+    min-width: 0; /* Firefox wrong content-calculation with word-wrap workaround */
   }
 
   .activity-time {
@@ -5067,6 +5073,7 @@ label + .wizard-buttonList {
   flex-direction: column;
   flex: 1 1 50%;
   padding: 0 25px;
+  min-width: 0; /* Firefox wrong content-calculation with word-wrap workaround */
 
   .tasks {
     margin-bottom: 10px;