pxvmc/src/textbox.scss

143 lines
3.0 KiB
SCSS

[class*="chat_"] [class*="chatContent_"] form {
position: relative;
margin: 0;
}
[class*="chat_"] form [class*="typing_"] {
position: absolute;
top: 0px;
left: 0px;
}
[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: 8px !important;
}
[class^="chatContent_"] > form:before {
display: none !important;
}
[class^="chatContent_"] > form {
padding: 0 !important;
bottom: 0;
background-color: var(--background-secondary);
}
[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^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"],
[class^="channelTextArea_"]
> [class^="attachedBars_"]
[class^="threadSuggestionBar_"] {
background: transparent;
}
[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"] {
display: flex;
flex-direction: row-reverse;
align-self: flex-start;
}
[class^="channelTextArea_"]
> [class^="attachedBars_"]
[class^="replyBar_"]
> [class^="actions_"] {
flex-direction: row-reverse;
}
[class^="channelTextArea_"]
> [class^="attachedBars_"]
[class^="replyBar_"]
[class*="replyLabel_"] {
margin-left: 12px;
}
[class^="channelTextArea_"]
> [class^="attachedBars_"]
[class^="replyBar_"]
> [class^="actions_"]::after {
position: relative;
content: "";
background-color: var(--background-modifier-accent);
width: 1px;
height: 20px;
left: 100%;
}