feat: add quote mode options

This commit is contained in:
Shantur Rathore
2025-12-08 10:45:12 +00:00
parent 710938eef8
commit 67ff00d83e
4 changed files with 77 additions and 35 deletions

View File

@@ -238,25 +238,37 @@
pointer-events: none;
}
.message-quote-button {
.message-quote-button-group {
pointer-events: auto;
@apply inline-flex items-center gap-2;
padding: 0.35rem 0.85rem;
font-size: 0.8rem;
font-weight: 500;
display: inline-flex;
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));
overflow: hidden;
}
.message-quote-button {
pointer-events: auto;
@apply inline-flex items-center justify-center;
padding: 0.35rem 0.9rem;
font-size: 0.8rem;
font-weight: 500;
border: none;
background-color: transparent;
color: var(--text-primary);
transition: background-color 0.2s ease, color 0.2s ease;
}
.message-quote-button + .message-quote-button {
border-left: 1px solid var(--list-item-highlight-border);
}
.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);
box-shadow: inset 0 0 0 2px var(--accent-primary);
}