diff --git a/btfl.css b/btfl.css index b23bf6f..83d55db 100644 --- a/btfl.css +++ b/btfl.css @@ -59,6 +59,8 @@ div[class^="socialLinks-"], /* buttons on chat area */ div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]):not([class^="attachButton-"]), [class^="stickerIcon-"], +div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] +div[class^="divider-"], div[class^="toolbar-3_"] > :not([aria-label="Close"]), @@ -158,6 +160,7 @@ div[class^="radioBar-"] { [class^="authBox"], [class*="embed"], [class^="checkboxWrapper-"], +div[class^="autocomplete-"], div[class^="pictureInPicture-"], div[class^="group-"], div[class*="card"], @@ -343,13 +346,52 @@ div[class^="tabBarItem-"] { background-color: var(--background-modifier-hover); } +div[class*="templatesList-"] { + height: 128px; +} + +/* text input */ + +div[class^="attachedBars-"], div[class^="messagesWrapper-"] div[class*="Bar-"]:not([class^="newMessagesBar-"]) { + position: relative; bottom: 16px; padding: 0; } -div[class*="templatesList-"] { - height: 128px; +div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] { + background-color: unset; +} +div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] +button[class ^="attachButton-"], +div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] +div[class^="textArea-"], +div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] +div[class^="buttons-"] +{ + background-color: var(--background-secondary); + border-radius: 24px !important; + margin: 0; +} +div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] +> div[class^="inner-"] { padding: 0; } +div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] +button[class ^="attachButton-"] { + padding: 8px; + width: auto; height: auto; +} +div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] +div[class^="textArea-"] { + margin-left: 8px; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} +div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] +div[class^="textArea-"] > * { left: 12px; } +div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] +div[class^="buttons-"] { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } /* dimmer theme? */