Handle message render errors in timeline

This commit is contained in:
Fedor Indutny 2021-08-02 13:55:47 -07:00 committed by GitHub
parent 1891375c6c
commit 907e1d32ec
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 176 additions and 1 deletions

View file

@ -2425,6 +2425,63 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
}
}
.module-error-boundary-notification {
text-align: center;
cursor: pointer;
&:focus {
@include keyboard-mode {
outline: 0;
}
}
&:focus &__message {
@include keyboard-mode {
opacity: 1;
}
}
&__message {
opacity: 0.8;
}
@include light-theme {
color: $color-gray-60;
}
@include dark-theme {
color: $color-gray-05;
}
&__icon-container {
margin-left: auto;
margin-right: auto;
display: inline-flex;
flex-direction: row;
align-items: center;
margin-bottom: 8px;
}
&__icon {
height: 20px;
width: 20px;
display: inline-block;
opacity: 0.6;
@include light-theme {
@include color-svg(
'../images/icons/v2/error-solid-24.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
'../images/icons/v2/error-solid-24.svg',
$color-gray-05
);
}
}
}
.module-notification--with-click-handler {
cursor: pointer;
}