PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Handle highlight notifications in timeline card button (#7762)

Browse source
This commit is contained in:
Šimon Brandner 2022-02-08 20:03:15 +01:00 committed by GitHub
parent 4394c162db
commit f13329213d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
res/css/structures/_RightPanel.scss
View file

@ -139,6 +139,11 @@ $pulse-color: $alert;
animation: mx_RightPanel_indicator_pulse 2s infinite; animation: mx_RightPanel_indicator_pulse 2s infinite;
animation-iteration-count: 1; animation-iteration-count: 1;
&.mx_Indicator_red {
background: rgba($alert, 1);
box-shadow: rgba($alert, 1);
}
&.mx_Indicator_gray { &.mx_Indicator_gray {
background: rgba($roomtile-default-badge-bg-color, 1); background: rgba($roomtile-default-badge-bg-color, 1);
box-shadow: rgba($roomtile-default-badge-bg-color, 1); box-shadow: rgba($roomtile-default-badge-bg-color, 1);

1
src/components/views/right_panel/RoomHeaderButtons.tsx
View file

@ -62,6 +62,7 @@ const UnreadIndicator = ({ color }: IUnreadIndicatorProps) => {
"mx_RightPanel_headerButton_unreadIndicator": true, "mx_RightPanel_headerButton_unreadIndicator": true,
"mx_Indicator_bold": color === NotificationColor.Bold, "mx_Indicator_bold": color === NotificationColor.Bold,
"mx_Indicator_gray": color === NotificationColor.Grey, "mx_Indicator_gray": color === NotificationColor.Grey,
"mx_Indicator_red": color === NotificationColor.Red,
}); });
return <> return <>
<div className="mx_RightPanel_headerButton_unreadIndicator_bg" /> <div className="mx_RightPanel_headerButton_unreadIndicator_bg" />