src/applications/personalization/dashboard/sass/messaging/partials/_messaging-moveto.scss
.msg-move-to {
display: inline-block;
position: relative;
vertical-align: middle;
z-index: 1;
}
.messaging-move {
@include messaging-rectangular-button;
> i {
margin-left: 0.3125rem;
}
}
// Creates a radio input but with a hidden
// control. Using high-specificity selector because
// USWDS does.
.msg-hidden-radio[type="radio"] {
// Overrides some silly USWDS input stuff
height: auto;
width: auto;
& + label {
&:hover {
background: var(--vads-color-base-lightest);
}
}
&:checked + label,
+ label {
margin: 0;
&::before {
display: none;
content: "";
}
}
}
.msg-move-to-options {
background: var(--vads-color-white);
border: 1px solid var(--vads-color-base-dark);
list-style: none;
margin: -1px 0 0 0;
padding-left: 0;
position: absolute;
text-align: left;
z-index: 3;
@media (max-width: $medium-screen) {
width: 12.5rem;
right: 0;
}
@media (min-width: $medium-screen) {
width: 15.625rem;
}
.msg-btn-newfolder[type="button"] {
display: block;
padding: 0.625rem;
width: 100%;
}
}
.msg-move-to-label {
display: block;
margin: 0;
overflow: hidden;
padding: 0.625rem;
text-overflow: ellipsis;
white-space: nowrap;
}