- Исправлен 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: создание опросов, голосование, отображение результатов, список проголосовавших
69 lines
1.6 KiB
CSS
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;
|
|
}
|