maciejpi/nordabiz
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(chat): red pin icon for pinned, gray for unpin action
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
Details
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
Details
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
Details
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Details

Browse Source 
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
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
templates/chat.html
View File

@ -208,7 +208,7 @@
} }
.conversation-item svg.conversation-pin-icon { .conversation-item svg.conversation-pin-icon {
color: #1e3050; color: #dc2626;
} }
.conversation-title { .conversation-title {
@ -257,8 +257,8 @@
} }
.conversation-action-btn.pin-btn:hover { .conversation-action-btn.pin-btn:hover {
color: #2E4872; color: #dc2626;
background: rgba(46, 72, 114, 0.1); background: rgba(220, 38, 38, 0.1);
} }
.conversation-action-btn.delete-btn:hover { .conversation-action-btn.delete-btn:hover {
@ -267,7 +267,7 @@
} }
.conversation-pin-icon { .conversation-pin-icon {
color: #1e3050 !important; color: #dc2626 !important;
flex-shrink: 0; flex-shrink: 0;
width: 14px; width: 14px;
height: 14px; height: 14px;
@ -304,7 +304,17 @@
/* Keep actions visible for pinned items */ /* Keep actions visible for pinned items */
.conversation-item.pinned .conversation-actions .pin-btn { .conversation-item.pinned .conversation-actions .pin-btn {
opacity: 1; 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 { .conversation-item.pinned .conversation-actions {