v3: journal image cards give the resting vote button white-on-glass ink so it reads over the scrim
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
14
src/App.css
14
src/App.css
@@ -5356,6 +5356,20 @@ body.has-player .chat-fab {
|
||||
color: rgba(255, 255, 255, 0.78);
|
||||
}
|
||||
|
||||
/* The resting vote button is transparent and inks itself in --color-text,
|
||||
which in a light palette (or a muted dark one) sinks into the black scrim.
|
||||
Over an image it takes the overlay's own white-on-glass treatment; the
|
||||
voted state keeps its solid accent fill, which already reads. */
|
||||
.journal-card--image .journal-card-overlay .vote-btn:not(.vote-btn--active) {
|
||||
color: #fff;
|
||||
border-color: rgba(255, 255, 255, 0.4);
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
.journal-card--image .journal-card-overlay .vote-btn:not(.vote-btn--active):hover:not(:disabled) {
|
||||
color: var(--color-accent);
|
||||
border-color: var(--color-accent);
|
||||
}
|
||||
|
||||
.journal-card--image .journal-card-comment {
|
||||
font-size: var(--text-sm);
|
||||
line-height: 1.4;
|
||||
|
||||
Reference in New Issue
Block a user