mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-11-22 01:05:34 +03:00
Code Issues Projects Releases Packages Wiki Activity

Show published dates for cards

Browse source
This commit is contained in:
Lim Chee Aun 2024-03-23 12:26:50 +08:00
parent d6b65d0413
commit 5ccf8b6842
2 changed files with 24 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/status.css
View file

@ -1585,16 +1585,16 @@ a:focus-visible .card img {
}
.card .meta.domain {
opacity: 1;
color: var(--link-color);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
color: var(--text-insignificant-color);
.domain {
color: var(--link-color);
}
}
.card:visited .meta.domain {
.card:visited .meta .domain {
color: var(--link-visited-color);
}
.card .meta.domain * {
.card .meta .domain * {
vertical-align: middle;
}
a.card {

20
src/components/status.jsx
View file

@ -2228,8 +2228,14 @@ function Card({ card, selfReferential, instance }) {
/>
</div>
<div class="meta-container">
<p class="meta domain" dir="auto">
{domain}
<p class="meta domain">
<span class="domain">{domain}</span>{' '}
{!!publishedAt && <>&middot; </>}
{!!publishedAt && (
<>
<RelativeTime datetime={publishedAt} format="micro" />
</>
)}
</p>
<p class="title" dir="auto" title={title}>
{title}
@ -2301,7 +2307,15 @@ function Card({ card, selfReferential, instance }) {
>
<div class="meta-container">
<p class="meta domain">
<Icon icon="link" size="s" /> <span>{domain}</span>
<span class="domain">
<Icon icon="link" size="s" /> <span>{domain}</span>
</span>{' '}
{!!publishedAt && <>&middot; </>}
{!!publishedAt && (
<>
<RelativeTime datetime={publishedAt} format="micro" />
</>
)}
</p>
<p class="title" title={title}>
{title}