src/applications/mhv-secure-messaging/sass/message-details.scss
@import "~@department-of-veterans-affairs/formation/sass/shared-variables";
.message-detail-container {
overflow-wrap: break-word;
.reply-button-container {
@media (min-width: $small-screen) {
max-width: 225px;
}
}
.message-detail-block {
background-color: var(--vads-color-white);
.message-detail-header {
@media print {
display: block;
}
padding-right: 6px;
padding-bottom: none !important;
h3 {
margin: none;
}
h2 {
margin: 0;
overflow-wrap: break-word;
}
}
.message-detail-content {
p {
margin-top: 2px;
margin-bottom: 1px;
}
}
.message-body {
margin: 30px 0;
}
.message-list-body-expanded {
white-space: pre-line;
word-break: break-word;
}
.attachment {
width: 96%;
overflow-wrap: break-word;
}
.message-attachments {
margin-top: 1em;
}
.message-body-attachments-label {
margin-bottom: 7px;
}
}
.message-detail-header {
h2 {
font-size: 1.875rem;
font-weight: 700;
clear: both;
font-family: "Bitter", "Georgia", "Cambria", "Times New Roman", "Times",
serif;
line-height: 1.3;
}
}
.message-count {
font-weight: bold;
}
}
@media print {
body {
a,
a:visited {
text-decoration: none !important;
color: inherit !important;
}
va-alert {
display: none;
}
.secure-messaging-navigation {
display: none;
}
.breadcrumbs {
display: none;
}
.page-title {
display: none;
}
.nav-links {
display: none;
}
}
.message-detail-block {
left: 0;
top: 0;
.message-action-buttons {
display: none;
}
}
.message-thread-meta {
display: block;
}
}
.message-action-button {
min-width: 90px;
}