mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-09-24 14:40:37 +00:00
Francis Lachapelle
6bbb56c386
This ads a "ripple" effect that blocks the context when login in or sending a message. Generic enough to be used elsewhere. Fixes #3765
21 lines
456 B
SCSS
21 lines
456 B
SCSS
/// ripple.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
|
|
|
sg-ripple {
|
|
border-radius: 100%;
|
|
height: 0px;
|
|
width: 0px;
|
|
position: absolute;
|
|
transition: width 800ms linear, height 800ms linear, background-color 400ms linear;
|
|
transform: translate(-50%, -50%);
|
|
opacity: 1;
|
|
z-index: $z-index-toolbar + 1;
|
|
}
|
|
|
|
sg-ripple-content {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: $z-index-toolbar + 2;
|
|
} |