Display text with the full datetime next to the default "vague" text
/* ==UserStyle==
@name github - Show full datetime
@namespace github.com/Procyon-b
@version 0.9
@description Display text with the full datetime next to the default "vague" text
@author Achernar
==/UserStyle== */
@-moz-document domain("github.com") {
relative-time[datetime]::after {
content: "(" var(--datetime) ")";
margin-left: 0.5em;
font-size: 75%;
color: darkgray;
}
:is(div,span) > relative-time[datetime][title]::after,
a[id^="issuecomment"] > relative-time[datetime][title]::after,
.js-commits-list-item relative-time[datetime][title]::after {
--datetime: attr(title);
}
a[id^="issuecomment"] > relative-time[datetime]:not([title])::after,
.js-commits-list-item relative-time[datetime]:not([title])::after {
--datetime: attr(datetime);
}
td > :is(div,span) > relative-time[datetime][title]::after {
--datetime: attr(datetime);
white-space: pre;
content: var(--datetime);
line-height: 1em;
display: block;
font-size: 70%;
}
[aria-label="Issues"][role="group"] relative-time[datetime],
a relative-time[datetime] {
--datetime: attr(datetime);
}
}