xmc/modular/textarea/fullwidth.css
2023-03-18 04:34:32 +00:00

107 lines
2.2 KiB
CSS

[class*="chat-"] [class*="chatContent-"] form {
position: relative;
margin: 0;
}
[class*="chat-"] form [class*="typing-"] {
position: absolute;
top: -2px;
left: 10px;
}
[class*="channelTextArea-"] {
margin-bottom: 10px !important;
margin-top: 24px !important;
padding: 0 !important;
}
[class*="channelTextArea-"] [class*="inner-"] {
border-radius: 6px;
}
[class*="sansAttachButton-"] {
padding-left: 10px !important;
}
.typing .ellipsis,
[class*="typing-"] span[class*="ellipsis-"] {
display: none;
}
form [class*="typing-"] {
background-color: transparent !important;
}
[class^="scrollerSpacer-"] {
height: 4px !important;
}
[class^="chatContent-"] > form:before {
display: none !important;
}
[class^="chatContent-"] > form {
padding: 0 !important;
bottom: 0;
}
[class^="chatContent-"] > form [class^="channelTextArea"] {
margin-bottom: 0 !important;
}
[class^="chatContent-"]
> form
[class^="channelTextArea"]
> [class^="scrollableContainer-"] {
border-radius: 0 !important;
border: 0 !important;
}
[class^="chatContent-"]
> form
[class^="channelTextArea"]
> [class^="scrollableContainer-"]
> [class^="inner-"]
> [class^="textArea-"],
[class^="chatContent-"]
> form
[class^="channelTextArea"]
> [class^="scrollableContainer-"]
> [class^="inner-"]
> [class^="buttons-"],
[class^="chatContent-"]
> form
[class^="channelTextArea"]
> [class^="scrollableContainer-"]
> [class^="inner-"]
> [class^="attachWrapper-"],
[class^="chatContent-"]
> form
[class^="channelTextArea"]
> [class^="scrollableContainer-"]
> [class^="inner-"]
> [class^="attachWrapper-"]
> [class^="attachButton-"] {
min-height: 53px;
}
[class^="chatContent-"]
> form
[class^="channelTextArea"]
> [class^="scrollableContainer-"]
> [class^="inner-"]
> [class^="textArea-"]
> div
> [class*="fontSize16Padding-"] {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
[class^="chatContent-"]
> form
[class^="channelTextArea"]
> [class^="scrollableContainer-"]
> [class^="inner-"]
> [class^="buttons-"]
[class*="emojiButton-"] {
max-height: unset;
}
[class^="messagesWrapper-"] {
margin-bottom: 8px;
}