fix emoji panel

This commit is contained in:
Er2 2022-04-30 13:00:02 +03:00
parent 3b27ad10c9
commit 6adb742e3f
3 changed files with 17 additions and 3 deletions

View file

@ -35,6 +35,7 @@ div[class^="messagesWrapper-"] div {
}
#emoji-picker-tab-panel {
position: sticky;
&:not([role="dialog"]) {
// if add reaction (role=dialog), it breaks
position: absolute;
@ -42,12 +43,21 @@ div[class^="messagesWrapper-"] div {
left: 0; right: 0;
}
div[class^="wrapper-"] {
& > div[class^="wrapper-"] {
background-color: var(--background-tertiary);
top: 0;
border-radius: 5px 0 0 5px; // for add reaction
}
}
#emoji-picker-grid {
div[class^="wrapper-"] {
border-radius: 16px;
top: 4px;
&:extend(.acrylic all);
}
}
div[class*="fullscreenOnMobile"] div[class^="flex"] * {
// fix overflow
overflow: hidden;

View file

@ -46,6 +46,7 @@ div[class^="chat-"]
background-color: var(--background-tertiary) !important;
}
// Xbox-like glowing
@keyframes glow {
from { box-shadow: 0 0 2px 4px var(--interactive-normal); }
to { box-shadow: 0 0 1px 2px var(--interactive-muted); }
@ -74,6 +75,7 @@ div[class^="chat-"]
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
width: 100%; height: 100%;
content: "";
z-index: -1;
}

View file

@ -113,8 +113,9 @@ div[class^="content-"]::before,
div[class^="tabBody-"]::before
{ box-shadow: unset !important; }
// Pins
div[class^="messageGroupWrapper-"] {
div[class^="contentWrapper-"],
div[class^="messageGroupWrapper-"], // Pins
{
border: none;
background: unset;
}
@ -175,6 +176,7 @@ div[class^="channelTextArea-"] {
}
}
div[class^="contentWrapper-"] > div,
[role="menu"],
[role="dialog"]:not([class^="focusLock-"]),
div[class^="focusLock-"] > div,