Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-21 05:18:51 +01:00
Code Issues Projects Releases Packages Wiki Activity

Small style nudge for clicking the timestamp

Browse source
This commit is contained in:
Lim Chee Aun 2023-03-01 19:17:04 +08:00
parent 9ff4af549e
commit 6d72375236
2 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/status.css
View file

@ -141,13 +141,18 @@
margin-left: 4px; margin-left: 4px;
white-space: nowrap; white-space: nowrap;
} }
.status > .container > .meta a.time:is(:hover, :focus) {
text-decoration: underline;
}
.status > .container > .meta a.time { .status > .container > .meta a.time {
position: relative; position: relative;
overflow: visible; overflow: visible;
} }
.status > .container > .meta a.time:is(:hover, :focus) {
text-decoration: underline;
}
.status > .container > .meta a.time:active,
.status > .container > .meta a.time.is-open {
text-decoration: none;
opacity: 1;
}
.status > .container > .meta a.time:after { .status > .container > .meta a.time:after {
content: ''; content: '';
position: absolute; position: absolute;

6
src/components/status.jsx
View file

@ -579,14 +579,14 @@ function Status({
viewScroll="close" viewScroll="close"
boundingBoxPadding="8 8 8 8" boundingBoxPadding="8 8 8 8"
unmountOnClose unmountOnClose
menuButton={ menuButton={({ open }) => (
<Link <Link
to={instance ? `/${instance}/s/${id}` : `/s/${id}`} to={instance ? `/${instance}/s/${id}` : `/s/${id}`}
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
}} }}
class="time" class={`time ${open ? 'is-open' : ''}`}
> >
<Icon <Icon
icon={visibilityIconsMap[visibility]} icon={visibilityIconsMap[visibility]}
@ -595,7 +595,7 @@ function Status({
/>{' '} />{' '}
<RelativeTime datetime={createdAtDate} format="micro" /> <RelativeTime datetime={createdAtDate} format="micro" />
</Link> </Link>
} )}
> >
{StatusMenuItems} {StatusMenuItems}
</Menu> </Menu>