1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-23 10:30:04 +01:00
metamask-extension/ui/css/errors.scss
Olusegun Akintayo 107525bb1d
Show error message if service worker did not load (respond to the UI) (#15774)
* Show error message if service worker did not load (respond to the UI)
after 1 minute.

Signed-off-by: Akintayo A. Olusegun <akintayo.segun@gmail.com>

* Remove console.log

Signed-off-by: Akintayo A. Olusegun <akintayo.segun@gmail.com>

* New Error message design

Signed-off-by: Akintayo A. Olusegun <akintayo.segun@gmail.com>

* Fix tests

Signed-off-by: Akintayo A. Olusegun <akintayo.segun@gmail.com>

* Use lastTimeStamp instead of keeping track of message ids

Signed-off-by: Akintayo A. Olusegun <akintayo.segun@gmail.com>

* Do not initial channe every second.

Signed-off-by: Akintayo A. Olusegun <akintayo.segun@gmail.com>

* New logic to check if SW is stuck

Signed-off-by: Akintayo A. Olusegun <akintayo.segun@gmail.com>

Signed-off-by: Akintayo A. Olusegun <akintayo.segun@gmail.com>
2022-11-03 21:25:13 +04:00

59 lines
1.0 KiB
SCSS

.critical-error {
padding: 1em;
max-width: 600px;
margin: 0 auto;
border-radius: 4px;
border-left: #f66a0a 4px solid;
background-color: rgba(255, 211, 61, 0.1);
display: flex;
padding: 0 4px 0 4px;
gap: 12px;
&__icon {
color: var(--color-error-default);
height: 100px;
padding: 4px 4px 0 4px;
}
&__description {
flex-grow: 1;
}
&__alert {
display: flex;
flex-direction: column;
margin-bottom: 16px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
&__message {
margin-bottom: 16px;
text-align: left;
color: var(--color-text-default);
}
&__action-link {
text-align: left;
height: 40px;
color: var(--color-primary-default);
text-decoration: none;
cursor: pointer;
}
}
&__paragraph {
text-align: left;
color: var(--color-text-default);
&__link {
color: var(--color-primary-default);
&:hover {
color: var(--color-primary-alternative);
}
}
}
}