salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: quote message selections

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-08 10:16:58 +00:00
parent 92d16084db
commit dc702b1fb2
5 changed files with 239 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/ui/src/styles/messaging/message-section.css
View File

@@ -228,3 +228,35 @@
font-size: var(--font-size-lg);
color: var(--accent-primary);
}
.message-quote-popover {
position: absolute;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.message-quote-button {
pointer-events: auto;
@apply inline-flex items-center gap-2;
padding: 0.35rem 0.85rem;
font-size: 0.8rem;
font-weight: 500;
border-radius: 9999px;
border: 1px solid var(--list-item-highlight-border);
background-color: var(--list-item-highlight-bg-solid);
color: var(--text-primary);
box-shadow: var(--panel-shadow, 0 4px 16px rgba(0, 0, 0, 0.2));
transition: background-color 0.2s ease, color 0.2s ease;
}
.message-quote-button:hover {
background-color: var(--surface-hover);
}
.message-quote-button:focus-visible {
outline: none;
box-shadow: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--accent-primary);
}

8
packages/ui/src/styles/tokens.css
View File

@@ -45,6 +45,7 @@
--session-status-permission-fg: #c2410c;
--session-status-permission-bg: rgba(251, 191, 36, 0.25);
--list-item-highlight-bg: rgba(0, 102, 255, 0.1);
--list-item-highlight-bg-solid: #e5f0ff;
--list-item-highlight-border: rgba(0, 102, 255, 0.25);
--attachment-chip-bg: rgba(0, 102, 255, 0.1);
--attachment-chip-text: #0066ff;
@@ -192,8 +193,10 @@
--session-status-idle-bg: rgba(74, 222, 128, 0.22);
--session-status-permission-fg: #fbbf24;
--session-status-permission-bg: rgba(251, 191, 36, 0.35);
--list-item-highlight-bg: rgba(0, 128, 255, 0.2);
--list-item-highlight-border: rgba(0, 128, 255, 0.4);
--list-item-highlight-bg: rgba(0, 128, 255, 0.2);
--list-item-highlight-bg-solid: #15324e;
--list-item-highlight-border: rgba(0, 128, 255, 0.4);
--attachment-chip-bg: rgba(0, 128, 255, 0.1);
--attachment-chip-text: #0080ff;
--attachment-chip-ring: rgba(0, 128, 255, 0.2);
@@ -345,6 +348,7 @@
--session-status-permission-fg: #fbbf24;
--session-status-permission-bg: rgba(251, 191, 36, 0.35);
--list-item-highlight-bg: rgba(0, 128, 255, 0.2);
--list-item-highlight-bg-solid: #15324e;
--list-item-highlight-border: rgba(0, 128, 255, 0.4);
--attachment-chip-bg: rgba(0, 128, 255, 0.1);
--attachment-chip-text: #0080ff;