diff --git a/web/src/assets/styles/components/travel-reimbursement-message-application.css b/web/src/assets/styles/components/travel-reimbursement-message-application.css index 244bda9..7ccf139 100644 --- a/web/src/assets/styles/components/travel-reimbursement-message-application.css +++ b/web/src/assets/styles/components/travel-reimbursement-message-application.css @@ -1,14 +1,3 @@ -.application-preview-date-chip { - display: inline-flex; - align-items: center; - min-height: 24px; - padding: 0 8px; - border-radius: 999px; - background: rgba(var(--theme-primary-rgb, 58, 124, 165), 0.1); - color: var(--theme-primary-active, #255b7d); - font-weight: 850; -} - .application-draft-preview { width: min(100%, 620px); max-width: 620px; diff --git a/web/src/assets/styles/components/travel-reimbursement-message-item.css b/web/src/assets/styles/components/travel-reimbursement-message-item.css index b223fde..93b3b81 100644 --- a/web/src/assets/styles/components/travel-reimbursement-message-item.css +++ b/web/src/assets/styles/components/travel-reimbursement-message-item.css @@ -532,10 +532,11 @@ .message-answer-markdown :deep(table) { width: 100%; - min-width: 460px; + min-width: 560px; border: 0; border-collapse: separate; border-spacing: 0; + table-layout: fixed; background: #ffffff; font-size: inherit; } @@ -547,6 +548,25 @@ text-align: left; vertical-align: top; white-space: normal; + word-break: normal; + overflow-wrap: break-word; +} + +.message-answer-markdown :deep(th:first-child), +.message-answer-markdown :deep(td:first-child) { + width: 88px; + white-space: nowrap; + word-break: keep-all; + overflow-wrap: normal; +} + +.message-answer-markdown :deep(th:last-child), +.message-answer-markdown :deep(td:last-child) { + width: 112px; + text-align: right; + white-space: nowrap; + word-break: keep-all; + overflow-wrap: normal; } .message-answer-markdown :deep(th) { @@ -786,30 +806,6 @@ border-top: 1px solid #e6edf5; } -.structured-card-reveal-enter-active .application-preview-row { - animation: structured-card-item-reveal 260ms cubic-bezier(0.22, 1, 0.36, 1) both; -} - -.structured-card-reveal-enter-active .application-preview-row:nth-child(2) { - animation-delay: 35ms; -} - -.structured-card-reveal-enter-active .application-preview-row:nth-child(3) { - animation-delay: 70ms; -} - -.structured-card-reveal-enter-active .application-preview-row:nth-child(4) { - animation-delay: 105ms; -} - -.structured-card-reveal-enter-active .application-preview-row:nth-child(5) { - animation-delay: 140ms; -} - -.structured-card-reveal-enter-active .application-preview-row:nth-child(n + 6) { - animation-delay: 165ms; -} - .application-preview-row.editable { cursor: pointer; } diff --git a/web/src/components/travel/TravelReimbursementMessageItem.vue b/web/src/components/travel/TravelReimbursementMessageItem.vue index 18c5738..33496a6 100644 --- a/web/src/components/travel/TravelReimbursementMessageItem.vue +++ b/web/src/components/travel/TravelReimbursementMessageItem.vue @@ -207,7 +207,6 @@