Просмотр исходного кода

Fix text-overflow CSS issue in task info

Sergiu Miclea 6 лет назад
Родитель
Сommit
aa7c483a92
1 измененных файлов с 4 добавлено и 2 удалено
  1. 4 2
      src/components/molecules/TaskItem/TaskItem.jsx

+ 4 - 2
src/components/molecules/TaskItem/TaskItem.jsx

@@ -144,6 +144,7 @@ const ProgressUpdateDate = styled.div`
 const ProgressUpdateValue = styled.div`
   width: 100%;
   margin-right: 32px;
+  word-break: break-word;
 `
 
 type Props = {
@@ -156,8 +157,9 @@ type Props = {
 class TaskItem extends React.Component<Props> {
   getLastMessage() {
     let message
-    if (this.props.item.progress_updates.length) {
-      message = this.props.item.progress_updates[0].message
+    let progressUpdates = this.props.item.progress_updates
+    if (progressUpdates.length) {
+      message = progressUpdates[progressUpdates.length - 1].message
     } else {
       message = '-'
     }