fix(chat): red pin icon for pinned, gray for unpin action
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

Pinned conversations show red pushpin. On hover, pin button fades
to gray to indicate "unpin" action. Unpinned items show red on
hover to indicate "pin" action.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-03-16 22:34:43 +01:00
parent 1c851d5642
commit df6ef48f5f

View File

@ -208,7 +208,7 @@
}
.conversation-item svg.conversation-pin-icon {
color: #1e3050;
color: #dc2626;
}
.conversation-title {
@ -257,8 +257,8 @@
}
.conversation-action-btn.pin-btn:hover {
color: #2E4872;
background: rgba(46, 72, 114, 0.1);
color: #dc2626;
background: rgba(220, 38, 38, 0.1);
}
.conversation-action-btn.delete-btn:hover {
@ -267,7 +267,7 @@
}
.conversation-pin-icon {
color: #1e3050 !important;
color: #dc2626 !important;
flex-shrink: 0;
width: 14px;
height: 14px;
@ -304,7 +304,17 @@
/* Keep actions visible for pinned items */
.conversation-item.pinned .conversation-actions .pin-btn {
opacity: 1;
color: #2E4872;
color: #dc2626;
}
/* Unpin button - when hovering pinned item, pin btn shows "unpin" style */
.conversation-item.pinned:hover .conversation-actions .pin-btn {
color: #9ca3af;
}
.conversation-item.pinned:hover .conversation-actions .pin-btn:hover {
color: #6b7280;
background: rgba(0, 0, 0, 0.05);
}
.conversation-item.pinned .conversation-actions {