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 */
|
||||
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? */
|
||||
|
|
Loading…
Reference in a new issue