discourse/plugins/chat/assets/stylesheets/common/chat-modal-new-message.scss
Joffrey JAFFEUX 9830c40386
DEV: makes chat modals use the new <DModal /> component (#22495)
This commit also standardize the naming pattern of modals: `<Chat::Modal::FooBar />` and changes css class accordingly.

Co-authored-by: David Taylor <david@taylorhq.com>
2023-07-10 13:43:33 +02:00

35 lines
565 B
SCSS

.chat-modal-new-message {
& + .modal-backdrop {
opacity: 1;
background: transparent;
}
.modal-body {
padding: 0;
}
.modal-header {
display: none;
}
.modal-inner-container {
width: var(--modal-max-width);
box-shadow: var(--shadow-dropdown);
overflow: hidden;
}
.mobile-device & {
.modal-inner-container {
border-radius: 0;
margin: 0 auto auto auto;
box-shadow: var(--shadow-modal);
}
}
.not-mobile-device & {
.modal-inner-container {
margin: 10px auto auto auto;
}
}
}