techhub/mastodon
2
0
Fork 0
Code Activity

Fix emoji picker dropdown background and borders (#29653)

Browse Source
This commit is contained in:
Claire
2024-03-20 12:06:50 +01:00
committed by GitHub
parent a583317df6
commit e36e7ea243
2 changed files with 5 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/javascript/styles/mastodon/components.scss
View File

@@ -4848,6 +4848,11 @@ a.status-card {
position: relative;
margin-top: 5px;
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 {
transition: opacity 200ms ease;

15
app/javascript/styles/mastodon/emoji_picker.scss
View File

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