update
Fix message buttons in text area. Restyled accessibility tab in settings.
This commit is contained in:
parent
31896c4fb1
commit
ba3d13a90e
4 changed files with 23 additions and 5 deletions
|
@ -85,8 +85,12 @@ h2[class^="privateChannelsHeaderContainer"], // direct messages label
|
||||||
// #private-channels-0, #private-channels-1, #private-channels-2, // to check
|
// #private-channels-0, #private-channels-1, #private-channels-2, // to check
|
||||||
|
|
||||||
// Text area
|
// Text area
|
||||||
div[class^="channelTextArea-"] div div > div // only attach and emoji at text area
|
div[class^="channelTextArea-"] div div > div[class^="buttons-"]
|
||||||
button:not([class^="emojiButton"]):not([class^="attachButton-"]),
|
> button, // gift button, f you
|
||||||
|
|
||||||
|
div[class^="channelTextArea-"] div div > div[class^="buttons-"] // block all except emoji (and send button, if exists)
|
||||||
|
> div.expression-picker-chat-input-button:not(:nth-child(4)),
|
||||||
|
|
||||||
div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] // divider breaks redesigned text area
|
div[class^="channelTextArea-"] > div[class^="scrollableContainer-"] // divider breaks redesigned text area
|
||||||
div[class^="divider-"],
|
div[class^="divider-"],
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,6 @@
|
||||||
* Zlib License
|
* Zlib License
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
div[class^="accountProfileCard-"] div[class^="userInfo-"] {
|
div[class^="accountProfileCard-"] div[class^="userInfo-"] {
|
||||||
// settings
|
// settings
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
|
|
|
@ -105,6 +105,20 @@ div[class^="baseLayout-"] {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#accessibility-tab div div[class^="children-"] {
|
||||||
|
& > div {
|
||||||
|
&:nth-child(2),
|
||||||
|
&:nth-child(3),
|
||||||
|
&:nth-child(6),
|
||||||
|
&:nth-child(7)
|
||||||
|
{ display: none; }
|
||||||
|
|
||||||
|
&:nth-child(4) {
|
||||||
|
margin-top: @div-width * 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#notifications-tab div[class^="children"] {
|
#notifications-tab div[class^="children"] {
|
||||||
div:nth-child(6)
|
div:nth-child(6)
|
||||||
{ display: none; }
|
{ display: none; }
|
||||||
|
|
|
@ -184,8 +184,9 @@ div[class^="channelTextArea-"] {
|
||||||
|
|
||||||
div[class^="buttons-"] {
|
div[class^="buttons-"] {
|
||||||
height: auto; // to match input height
|
height: auto; // to match input height
|
||||||
flex-direction: column; // to allow buttons center
|
& > * {
|
||||||
justify-content: center; // and center it
|
align-items: center; // center buttons
|
||||||
|
}
|
||||||
.left-border();
|
.left-border();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue