text input remake
This commit is contained in:
parent
a754954ce9
commit
87928cade0
1 changed files with 44 additions and 2 deletions
46
btfl.css
46
btfl.css
|
@ -59,6 +59,8 @@ div[class^="socialLinks-"],
|
||||||
/* buttons on chat area */
|
/* buttons on chat area */
|
||||||
div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]):not([class^="attachButton-"]),
|
div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]):not([class^="attachButton-"]),
|
||||||
[class^="stickerIcon-"],
|
[class^="stickerIcon-"],
|
||||||
|
div[class^="channelTextArea-"] > div[class^="scrollableContainer-"]
|
||||||
|
div[class^="divider-"],
|
||||||
|
|
||||||
div[class^="toolbar-3_"] > :not([aria-label="Close"]),
|
div[class^="toolbar-3_"] > :not([aria-label="Close"]),
|
||||||
|
|
||||||
|
@ -158,6 +160,7 @@ div[class^="radioBar-"] {
|
||||||
[class^="authBox"],
|
[class^="authBox"],
|
||||||
[class*="embed"],
|
[class*="embed"],
|
||||||
[class^="checkboxWrapper-"],
|
[class^="checkboxWrapper-"],
|
||||||
|
div[class^="autocomplete-"],
|
||||||
div[class^="pictureInPicture-"],
|
div[class^="pictureInPicture-"],
|
||||||
div[class^="group-"],
|
div[class^="group-"],
|
||||||
div[class*="card"],
|
div[class*="card"],
|
||||||
|
@ -343,13 +346,52 @@ div[class^="tabBarItem-"] {
|
||||||
background-color: var(--background-modifier-hover);
|
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-"]) {
|
div[class^="messagesWrapper-"] div[class*="Bar-"]:not([class^="newMessagesBar-"]) {
|
||||||
|
position: relative;
|
||||||
bottom: 16px;
|
bottom: 16px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[class*="templatesList-"] {
|
div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] {
|
||||||
height: 128px;
|
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? */
|
/* dimmer theme? */
|
||||||
|
|
Loading…
Reference in a new issue