better hitbox for status emoji
This commit is contained in:
parent
7360a4d9ef
commit
9146bee7aa
3 changed files with 20 additions and 9 deletions
|
@ -696,6 +696,22 @@ $status-margin: 0.75em;
|
|||
line-height: 1.4em;
|
||||
white-space: pre-wrap;
|
||||
|
||||
.emoji-container {
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
z-index: 1;
|
||||
|
||||
&:hover {
|
||||
z-index: 2;
|
||||
|
||||
.emoji {
|
||||
transform: scale(3);
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img, video {
|
||||
max-width: 100%;
|
||||
max-height: 400px;
|
||||
|
@ -707,12 +723,7 @@ $status-margin: 0.75em;
|
|||
height: 32px;
|
||||
transition: transform 200ms;
|
||||
transform: scale(1);
|
||||
z-index: 1;
|
||||
|
||||
&:hover {
|
||||
transform: scale(3);
|
||||
z-index: 2;
|
||||
}
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue