text input remake

This commit is contained in:
Er2 2022-03-24 13:21:13 +03:00
parent a754954ce9
commit 87928cade0

View file

@ -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? */