matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

No outline for emoji selector when invisible, but this time it actually works

Browse Source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2021-07-30 13:07:24 +02:00
parent 10f55dbb42
commit 33c7fcdcb7
3 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/styles/components/emoji-reacts.scss
View File

@ -68,6 +68,13 @@
transform: translateY(2px);
}
.emoji-react-selector-container {
&:hover,
&:focus {
outline: 0;
}
}
.emoji-react-selector {
position: absolute;
display: flex;
@ -76,7 +83,6 @@
border-radius: 9999px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
opacity: 0;
outline: 0;
pointer-events: none;
transition: 0.1s;
z-index: 999;
@ -84,7 +90,6 @@
&--visible,
&--focused {
opacity: 1;
outline: unset;
pointer-events: all;
}