UX: fix share/notify modal styles (#14861)

This commit is contained in:
Kris 2021-11-09 12:44:01 -05:00 committed by GitHub
parent 65a389c3ac
commit cb997be513
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,18 +1,15 @@
// styles that apply to the "share" modal & popup when sharing a link to a post or topic
.link-share-container {
.link-share-container,
.notify-user-input {
display: flex;
button {
.btn {
margin-left: 0.5em;
transition-property: background-color, color; // don't transition outline
}
input {
input,
.select-kit {
width: 100%;
font-size: var(--font-up-1);
margin-bottom: 0;
&:focus + button {
outline: 1px solid var(--tertiary);
}
}
}
@ -114,23 +111,6 @@
}
}
.notify-user-input {
display: flex;
align-items: stretch;
.select-kit {
width: 100%;
}
.multi-select-header {
width: 100%;
}
.select-kit.multi-select .choices {
padding: 0;
}
}
// topic invite modal
.create-invite-modal {