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

View file

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

View file

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