chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Zoom on emojis on hover

Browse source
This commit is contained in:
Niléane 2023-07-31 00:46:04 +02:00
commit 6f41fb295e
No known key found for this signature in database
4 changed files with 68 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

17
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -735,6 +735,20 @@ body.layout-single-column {
/* Zoom on emojis on hover (in post content only */
.layout-single-column .status__content { /* So the emoji doesn't clip out when zoomed on. */
overflow: visible;
}
.layout-single-column .status__content .emojione {
transition: transform .8s .8s;
}
.layout-single-column .status__content .emojione:hover {
transform: scale(2.5);
}
/* 💬 Posts
-------- */
.layout-single-column .reply-indicator__content,
@ -1204,6 +1218,9 @@ body.layout-single-column {
.layout-single-column .detailed-status__wrapper .status__prepend-icon-wrapper {
width: 46px;
}
.layout-single-column .status__prepend .muted .emojione {
opacity: 1;
}
.layout-single-column .status-card,
.layout-single-column .status-card.compact {
background-color: var(--color-content-secondary-bg);