Corp/backend/static/css/components/message-highlight.css
igor_nadein da7bf54c6c feat: Реализация полной функциональности опросов в чатах
- Исправлен PollSerializer для создания опросов с опциями
- Добавлено поле read_only_fields для корректной валидации
- Реализована отправка WebSocket уведомлений при создании опроса
- Исправлен импорт serialize_message из communications.serialization
- Добавлен обработчик poll_update в UserConsumer для WebSocket событий
- Исправлен эндпоинт /results/ для возврата user_voted_option_ids
- Добавлено поле voters в PollOptionSerializer для списка проголосовавших
- Реализована инициализация poll виджетов после рендера сообщений
- Добавлено игнорирование poll_update в notification-manager
- Исправлены стили для request list badges (height, word-break, flex)
- Восстановлены стили team-wheel (.wheel-focus, .scroll-arc) из git истории
- Реализовано отображение forwarded message info в messageRendererV2
- Множественные улучшения UI и UX для опросов

Fixes: создание опросов, голосование, отображение результатов, список проголосовавших
2026-01-22 01:33:42 +03:00

69 lines
1.6 KiB
CSS

/**
* Message Highlight Animation
* Анимация подсветки сообщения при переходе по reply preview
*/
/* Анимация подсветки сообщения */
@keyframes message-highlight-flash {
0% {
background-color: transparent;
}
15% {
background-color: rgba(13, 110, 253, 0.15);
}
30% {
background-color: rgba(13, 110, 253, 0.25);
}
60% {
background-color: rgba(13, 110, 253, 0.15);
}
100% {
background-color: transparent;
}
}
/* Dark theme вариант */
[data-bs-theme="dark"] @keyframes message-highlight-flash {
0% {
background-color: transparent;
}
15% {
background-color: rgba(10, 132, 255, 0.15);
}
30% {
background-color: rgba(10, 132, 255, 0.25);
}
60% {
background-color: rgba(10, 132, 255, 0.15);
}
100% {
background-color: transparent;
}
}
/* Класс для подсветки */
.bubble.highlight-flash,
.message-bubble.highlight-flash {
animation: message-highlight-flash 1.5s ease-out;
}
/* Hover эффект для reply preview */
.message-reply-preview:hover {
background-color: rgba(13, 110, 253, 0.1) !important;
}
[data-bs-theme="dark"] .message-reply-preview:hover {
background-color: rgba(10, 132, 255, 0.15) !important;
}
/* Focus состояние для accessibility */
.message-reply-preview:focus {
outline: 2px solid var(--bs-primary);
outline-offset: 2px;
}
/* Transition для плавности */
.message-reply-preview {
transition: background-color 0.2s ease;
}