src/applications/mhv-secure-messaging/sass/folder-thread-list-view.scss
@import "~@department-of-veterans-affairs/formation/sass/shared-variables";
.message-count {
font-weight: normal;
}
.thread-list-draft {
color: var(--vads-color-secondary-darkest);
font-weight: 700;
}
.reply-draft-label {
white-space: nowrap;
}
.thread-list {
width: 100%;
// @media (max-width: $small-screen) {
word-wrap: break-word;
// }
.unread-column {
max-width: 15px !important;
padding-top: 10px;
}
.unread-icon {
position: absolute;
font-size: 12px;
margin-left: 5px;
}
.message-list-item-line-1 {
display: flex;
align-items: center;
}
.keyword-highlight {
background-color: var(--vads-color-gold-lightest);
}
.thread-list-item {
width: 100%;
a.message-subject-link:visited {
color: var(--vads-color-primary);
}
p.received-date {
color: var(--vads-color-gray-medium);
i {
color: var(--vads-color-black);
}
}
.keyword-highlight {
background-color: var(--vads-color-gold-lightest);
}
}
}
.thread-list-sort {
width: 100%;
flex-wrap: wrap;
va-select {
@media (min-width: $small-screen) {
max-width: 225px;
}
}
va-button {
display: contents;
height: 37px;
padding: 0;
}
va-button::part(button) {
height: 2.625rem;
flex-grow: 1;
margin-right: 0;
margin-bottom: 3px;
align-self: flex-end;
@media (min-width: $small-screen) {
width: fit-content;
max-width: 78px;
margin-right: auto;
}
}
}
#sort-order-dropdown::part(label) {
margin-top: 12px;
}