fix(forum): Improve tooltip readability with fixed colors
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions

- Use fixed #1e293b/#f8fafc instead of CSS variables for tooltip
- Increase z-index, padding, font-size for better visibility

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-02-06 04:14:08 +01:00
parent 5e77ede9fa
commit bca5dff545

View File

@ -815,21 +815,22 @@
.reader-avatar[data-name]::after {
content: attr(data-name);
position: absolute;
bottom: calc(100% + 6px);
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
background: var(--bg-primary, #1a1a2e);
color: var(--text-primary, #fff);
padding: 4px 8px;
background: #1e293b;
color: #f8fafc;
padding: 6px 12px;
border-radius: 6px;
font-size: 11px;
font-size: 12px;
font-weight: 500;
white-space: nowrap;
pointer-events: none;
opacity: 0;
transition: opacity 0.15s;
z-index: 10;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
transition: opacity 0.2s;
z-index: 100;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
letter-spacing: 0.2px;
}
.reader-avatar[data-name]:hover::after {