4228c2e094
* Service worker with toast notifications * Update CSP to allow fetches from now.sh * Fixed clearing timers * rounded icon for pwa (#1301) * rounded icon for pwa * cirle pwa app icon * fix fonts caching * fix app * fix css import * Updated csp tp inlcude worker-src: self * add worker CSP rule * use square icon Co-authored-by: Timur Khazamov <t1mmaas@skbkontur.ru> Co-authored-by: Faustino Kialungila <Faustino.kialungila@gmail.com> Co-authored-by: kbariotis <konmpar@gmail.com>
34 lines
674 B
CSS
34 lines
674 B
CSS
.Toast__container {
|
|
position: fixed;
|
|
bottom: calc(var(--space-factor) * 2);
|
|
right: calc(var(--space-factor) * 2);
|
|
left: calc(var(--space-factor) * 2);
|
|
display: flex;
|
|
justify-content: center;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.Toast {
|
|
position: relative;
|
|
}
|
|
|
|
.Toast__content {
|
|
padding-right: calc(var(--space-factor) * 9);
|
|
max-width: calc(var(--space-factor) * 50);
|
|
}
|
|
|
|
.Toast__close {
|
|
position: absolute;
|
|
width: calc(var(--space-factor) * 5);
|
|
height: calc(var(--space-factor) * 5);
|
|
top: calc(var(--space-factor) * -1);
|
|
right: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.Toast__close svg {
|
|
height: calc(var(--space-factor) * 3);
|
|
}
|