diff --git a/src/textbox.scss b/src/textbox.scss index d402655..fa4de48 100644 --- a/src/textbox.scss +++ b/src/textbox.scss @@ -1,157 +1,6 @@ -html:not(.visual-refresh-chat-input):not(.align-chat-input) { - [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%; - } +div[class^="messagesWrapper_"] div[class^="scrollerSpacer_"] { + height: var(--space-16) !important; } - -/*[class^="channelTextArea_"] > div > [class^="inner_"] {*/ -/*:has(> * > .file-input) { - button[aria-label="Send a gift"] { - display: none; - } - &:not(:has([aria-hidden="true"] + [role="textbox"])) { - [aria-label="Open sticker picker"] { - display: none; - } - [aria-label="Open GIF picker"] { - display: none; - } - .app-launcher-entrypoint { - display: none; - } - } -}*/ - -.align-chat-input { - div[class^="messagesWrapper_"] div[class^="scrollerSpacer_"] { - height: var(--space-16) !important; - } - main[class^="chatContent_"] > form { - margin-top: 24px !important; - } +main[class^="chatContent_"] > form { + margin-top: 24px !important; }