Commit 53c53aaab97e
tarball2 files changed+5-5
@@ -215,7 +215,7 @@ input, textarea { font: inherit; }
215215
display: flex;216216
flex-direction: column;217217
align-items: center;218
- gap: 6px;218
+ gap: 10px;219219
padding: 10px 0;220220
overflow-y: auto;221221
}@@ -239,9 +239,9 @@ input, textarea { font: inherit; }
239239
.rail-btn:hover { background: var(--accent); color: #fff; }240240
.rail-btn.active { background: var(--accent); color: #fff; }241241
.rail-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }242
-.rail-space { border-radius: var(--r-lg); }242
+.rail-space { border-radius: 50%; transition: border-radius var(--pop), background var(--pop), color var(--pop), box-shadow var(--pop); }243243
.rail-space:hover, .rail-space.active { background: var(--panel-2); }244
-.rail-space.active { box-shadow: 0 0 0 2px var(--rail-bg), 0 0 0 3px var(--accent); }244
+.rail-space.active { border-radius: var(--r-lg); box-shadow: 0 0 0 2px var(--rail-bg), 0 0 0 3px var(--accent); }245245
.rail .rail-space .mxc-avatar, .rail .rail-space .mxc-fallback { width: 100% !important; height: 100% !important; border-radius: inherit; }246246
.rail-avatar { width: 100%; height: 100%; object-fit: cover; display: block; }247247
.rail-add { color: var(--muted); }@@ -49,8 +49,8 @@
4949
<span class="lightbox-name">{$lightbox.filename}</span>5050
{#if $lightbox.mxc}5151
{@const mxc = $lightbox.mxc}52
- <button type="button" class="ghost-btn" title={mxc} on:click={() => void copyMxc(mxc)}>53
- {copied ? 'Copied' : 'Copy mxc'}52
+ <button type="button" class="ghost-btn" aria-label="Copy MXC URI" title={mxc} on:click={() => void copyMxc(mxc)}>53
+ {copied ? 'Copied' : 'Copy MXC'}5454
</button>5555
{/if}5656
<a class="ghost-btn" href={$lightbox.src} target="_blank" rel="noopener noreferrer">Open original</a>