mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-12-18 12:51:45 +03:00
Code Issues Projects Releases Packages Wiki Activity

Subtle badges

Browse source
This commit is contained in:
Lim Chee Aun 2022-12-20 20:17:38 +08:00
parent 39a5634112
commit 4acb6aa3c2
2 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/components/status.css
View file

@ -62,6 +62,7 @@
padding: 16px 16px 20px; padding: 16px 16px 20px;
line-height: 1.5; line-height: 1.5;
align-items: flex-start; align-items: flex-start;
position: relative;
} }
.status.large { .status.large {
--fade-in-out-bg: linear-gradient( --fade-in-out-bg: linear-gradient(
@ -608,6 +609,26 @@ a.card:hover {
color: var(--green-color); color: var(--green-color);
} }
/* BADGE */
.status-badge {
position: absolute;
top: 4px;
right: 4px;
line-height: 0;
pointer-events: none;
opacity: 0.75;
}
.status-badge .favourite {
color: var(--favourite-color);
}
.status-badge .reblog {
color: var(--reblog-color);
}
.status-badge .bookmark {
color: var(--link-color);
}
/* MISC */ /* MISC */
.status-aside { .status-aside {

7
src/components/status.jsx
View file

@ -197,6 +197,13 @@ function Status({
}`} }`}
onMouseEnter={debugHover} onMouseEnter={debugHover}
> >
{size !== 'l' && (
<div class="status-badge">
{reblogged && <Icon class="reblog" icon="rocket" size="s" />}
{favourited && <Icon class="favourite" icon="heart" size="s" />}
{bookmarked && <Icon class="bookmark" icon="bookmark" size="s" />}
</div>
)}
{size !== 's' && ( {size !== 's' && (
<a <a
href={url} href={url}