**Detailed Timestamps**

[strong siren]

keep in mind for message logger users that this will make it so you can no longer click on the edited for it to display the edit history.

since it's display is being set to none.

also it shows this on replies despite it not being edited etc.

[rain bay]

hey that’s me

[strong siren]

you're famous now! hypershiggy

[raven cargo]

Ah, shoot. I don't use MessageLogger, I didn't even realize the edit button was clickable. I can try to fix that and the replying thing tomorrow or so

[strong siren]

No worries! I don’t think many people know about clicking the edit button either, it was added a few weeks back.

[raven cargo]

I completely forgot I said I'd do this tomorrow, lol

[raven cargo]

Here's a janky setup that moves the old (edited) button to be underneath the new ✎ Edited text (also makes the text invisible). I can't change the size of the hit target without editing the plugin itself I don't think.

/* "(edited)" text timestamps */
span[class*="timestamp_"] time::before {
    content: '✎ ' attr(aria-label);
    font-size: 0.625rem;
    font-weight: 400;
}

/* message header timestamps */
span[class*="timestampInline_"] time::before {
  content: attr(aria-label);
  font-size: 0.75rem;
  font-weight: 500;
}

/* header-less multi-line hover timestamps */
span[class*="timestampVisibleOnHover_"] time::before {
  content: attr(aria-label);
  position: absolute;
  font-size: 0.6rem;
  line-height: 0.85rem;
  width: 65px;
  left: -1px;
  top: -2px;
}

/* hide the old timestamps */
span[class*="timestampInline_"], span[class*="timestampVisibleOnHover_"] {
  font-size: 0rem !important;
}
span[class*="edited_"] {
    position: relative;
    right: 95px;
    color: transparent;
}

[bold barn]

/* "(edited)" text timestamps */
span[class*="timestamp_"] time[aria-label*="Edited"]::before {
    content: '✎ ' attr(aria-label);
    font-size: 0.625rem;
    font-weight: 400;
}

that fixes it

(the time[aria-label*="Edited"])

[thorn nexus]

Is there something similar but for compact discord mode?

It looks terrible on compact mode

[raven cargo]

/* "(edited)" text timestamps */
span[class^="timestamp_"] time::before {
  content: '✎ ' attr(aria-label);
  font-size: 0.625rem;
  font-weight: 400;
}

/* message header timestamps */
span[class*="timestampInline_"] time::before {
  content: attr(aria-label);
  font-size: 0.75rem;
  font-weight: 500;
}

/* header-less multi-line hover timestamps */
span[class*="timestampVisibleOnHover_"] time::before {
  content: attr(aria-label);
  position: absolute;
  font-size: 0.6rem;
  line-height: 0.85rem;
  width: 65px;
  left: -1px;
  top: -2px;
}

/* hide the old timestamps */
span[class*="timestampInline_"], span[class*="timestampVisibleOnHover_"] {
  font-size: 0rem !important;
}
span[class*="edited_"] {
    position: relative;
    right: 95px;
    color: transparent;
}

my bad, used * instead of ^ for the very first selector. I don't use compact mode and didn't realize it had timestamps that were caught under my selector

[thorn nexus]

Thanks a lot! I hate normal mode, you saved me :)

[fluid bone]

is there a way to make this display in iso format w 24h time?

[raven cargo]

try

/* "(edited)" text timestamps */
span[class^="timestamp_"] time::before {
  content: '✎ ' attr(datetime);
  font-size: 0.625rem;
  font-weight: 400;
}

/* message header timestamps */
span[class*="timestampInline_"] time::before {
  content: attr(datetime);
  font-size: 0.75rem;
  font-weight: 500;
}

/* header-less multi-line hover timestamps */
span[class*="timestampVisibleOnHover_"] time::before {
  content: attr(datetime);
  position: absolute;
  font-size: 0.6rem;
  line-height: 0.85rem;
  width: 65px;
  left: -1px;
  top: -2px;
}

/* hide the old timestamps */
span[class*="timestampInline_"], span[class*="timestampVisibleOnHover_"] {
  font-size: 0rem !important;
}
span[class*="edited_"] {
    position: relative;
    right: 95px;
    color: transparent;
}

Pure CSS can't change time formats, so the best I can do is just changing the grabbed attribute from aria-label to datetime, which should be the full date and time in UTC. You'd need a plugin to customize anything more.

[fluid bone]

oh interesting ty! ok i can fiddle w this but do you think its then possible to run a math operation on the utc time for timezone correction?

[raven cargo]

in CSS? No.

pretty simple to do with a js snippet or plugin though