Small style nudge for clicking the timestamp

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

View file

@ -141,13 +141,18 @@
margin-left: 4px;
white-space: nowrap;
}
.status > .container > .meta a.time:is(:hover, :focus) {
text-decoration: underline;
}
.status > .container > .meta a.time {
position: relative;
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 {
content: '';
position: absolute;

View file

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