overleaf/services/web/frontend/stylesheets/bootstrap-5/modals/contact-us-modal.scss
Tim Down 34fc43d59a Merge pull request #19126 from overleaf/td-bs5-contact-modal-react
React version of Contact Us modal

GitOrigin-RevId: 0bef3095f36daa88afdc6172a5531ed11e892047
2024-08-14 08:04:37 +00:00

82 lines
1.7 KiB
SCSS

.contact-us-modal-textarea {
height: 120px;
}
.modal-form-messages .notification {
margin-bottom: var(--spacing-05);
}
.contact-suggestions {
@include body-sm;
margin: 0 calc(-1 * var(--bs-modal-padding)) var(--spacing-05);
padding: var(--spacing-05) 0;
color: var(--content-secondary);
background-color: var(--bg-light-secondary);
border-top: solid 1px var(--border-primary-dark);
border-bottom: solid 1px var(--border-primary-dark);
}
.contact-suggestion-label {
margin-bottom: var(--spacing-05);
padding: 0 var(--spacing-07);
}
.contact-suggestion-list {
padding-left: 0;
list-style: none;
background-color: var(--white);
border-top: solid 1px var(--border-primary-dark);
border-bottom: solid 1px var(--border-primary-dark);
margin: 0;
li:last-child .contact-suggestion-list-item {
border-bottom: none;
}
}
.contact-suggestion-list-item {
display: flex;
justify-content: space-between;
color: var(--content-secondary);
padding: var(--spacing-05) var(--spacing-07);
border-bottom: solid 1px var(--border-divider);
cursor: pointer;
text-decoration: none;
&:hover,
&:focus {
background-color: var(--bg-light-secondary);
span {
text-decoration: underline;
}
.fa {
color: inherit;
text-decoration: none;
}
}
.fa {
color: var(--neutral-30);
}
}
.contact-suggestions-dropdown {
width: calc(100% - 2 * var(--bs-modal-padding));
.dropdown-header {
@include body-sm;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}
.dropdown-item {
white-space: normal;
}
.form-group + & {
margin-top: $spacing-02 - $form-group-margin-bottom;
}
}