monorail
/
mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Fix emoji picker dropdown background and borders 

Port e36e7ea243 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Claire 2024-03-20 12:06:50 +01:00
parent 100cb46608
commit 72baa1e5c3
2 changed files with 5 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/javascript/flavours/glitch/styles/components.scss
View File

@ -5234,6 +5234,11 @@ a.status-card {
position: relative; position: relative;
margin-top: 5px; margin-top: 5px;
z-index: 2; z-index: 2;
background: var(--dropdown-background-color);
backdrop-filter: var(--background-filter);
border: 1px solid var(--dropdown-border-color);
box-shadow: var(--dropdown-shadow);
border-radius: 5px;
.emoji-mart-scroll { .emoji-mart-scroll {
transition: opacity 200ms ease; transition: opacity 200ms ease;

15
app/javascript/flavours/glitch/styles/emoji_picker.scss
View File

@ -14,21 +14,9 @@
} }
.emoji-mart-bar { .emoji-mart-bar {
border: 0 solid var(--dropdown-border-color);
&:first-child { &:first-child {
border-bottom-width: 1px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: var(--dropdown-border-color); background: var(--dropdown-border-color);
} }
&:last-child {
border-top-width: 1px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
display: none;
}
} }
.emoji-mart-anchors { .emoji-mart-anchors {
@ -94,7 +82,6 @@
height: 270px; height: 270px;
max-height: 35vh; max-height: 35vh;
padding: 0 6px 6px; padding: 0 6px 6px;
background: var(--dropdown-background-color);
will-change: transform; will-change: transform;
&::-webkit-scrollbar-track:hover, &::-webkit-scrollbar-track:hover,
@ -106,7 +93,6 @@
.emoji-mart-search { .emoji-mart-search {
padding: 10px; padding: 10px;
padding-inline-end: 45px; padding-inline-end: 45px;
background: var(--dropdown-background-color);
position: relative; position: relative;
input { input {
@ -195,7 +181,6 @@
width: 100%; width: 100%;
font-weight: 500; font-weight: 500;
padding: 5px 6px; padding: 5px 6px;
background: var(--dropdown-background-color);
} }
} }