github - Show full datetime

Display text with the full datetime next to the default "vague" text

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

/* ==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);
}

}