Drop the hover time in the message margin; the date at the right edge replaces it
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -31,11 +31,7 @@
|
|||||||
<article class="msg" class:grouped>
|
<article class="msg" class:grouped>
|
||||||
<time class="stamp" datetime={time.toISOString()}>{full}</time>
|
<time class="stamp" datetime={time.toISOString()}>{full}</time>
|
||||||
<div class="gutter">
|
<div class="gutter">
|
||||||
{#if grouped}
|
{#if !grouped}<span role="presentation" oncontextmenu={authorMenu}><Avatar name={entry.author} size={38} /></span>{/if}
|
||||||
<span class="time hover">{hhmm}</span>
|
|
||||||
{:else}
|
|
||||||
<span role="presentation" oncontextmenu={authorMenu}><Avatar name={entry.author} size={38} /></span>
|
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
{#if !grouped}
|
{#if !grouped}
|
||||||
@@ -79,8 +75,6 @@
|
|||||||
header strong { font-weight: 600; }
|
header strong { font-weight: 600; }
|
||||||
header strong.self { color: var(--accent-hover); }
|
header strong.self { color: var(--accent-hover); }
|
||||||
time, .time { font-size: 11px; color: var(--text-faint); }
|
time, .time { font-size: 11px; color: var(--text-faint); }
|
||||||
.time.hover { visibility: hidden; line-height: 22px; }
|
|
||||||
.msg:hover .time.hover { visibility: visible; }
|
|
||||||
.html { overflow-wrap: anywhere; user-select: text; }
|
.html { overflow-wrap: anywhere; user-select: text; }
|
||||||
.html :global(p) { margin: 0; }
|
.html :global(p) { margin: 0; }
|
||||||
.html :global(img) { max-width: min(520px, 100%); max-height: 360px; display: block; margin-top: 4px; border: 1px solid var(--line); }
|
.html :global(img) { max-width: min(520px, 100%); max-height: 360px; display: block; margin-top: 4px; border: 1px solid var(--line); }
|
||||||
|
|||||||
Reference in New Issue
Block a user