department-of-veterans-affairs/vets-website

View on GitHub
src/applications/mhv-secure-messaging/sass/message-thread.scss

Summary

Maintainability
Test Coverage
@import "~@department-of-veterans-affairs/formation/sass/shared-variables";

.older-messages {
  width: inherit;

  h2 {
    font-size: 20px;
  }
  a:visited {
    color: var(--vads-color-link);
    text-decoration: underline;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-property: color, background-color, border-color;
  }
  i {
    color: var(--vads-color-primary-dark);
  }
  .unread-icon {
    padding-top: 9px;
    padding-right: 5px;
  }

  .message-list-body-expanded {
    white-space: pre-line;
    word-break: break-word;
  }
  .message-list-body-collapsed {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-line;
  }
  .expand-all-messages-btn {
    margin-top: 14px;
    margin-bottom: 7px;
  }

  .accordion-read::part(accordion-header) {
    font-weight: 500;
  }

  .accordion-unread::part(accordion-header) {
    font-weight: 700;
  }

  .older-message {
    hr {
      border-width: 0.5px;
    }
    p {
      margin-top: 2px;
      margin-bottom: 1px;
    }

    @media (max-width: $small-screen) {
      p {
        margin: 4px 0;
        word-break: break-all;
      }
    }
  }
}

@media print {
  .print {
    display: inherit;
  }
  .do-not-print {
    display: none;
  }
}