amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-06-23 19:04:18 +00:00
Code Issues Projects Releases Wiki Activity

(css,js) Improve progress feedback

Browse Source 
This ads a "ripple" effect that blocks the context when login in or
sending a message. Generic enough to be used elsewhere.

Fixes #3765
This commit is contained in:
Francis Lachapelle
2016-07-15 14:03:16 -04:00
parent 0fe472b5e9
commit 6bbb56c386
13 changed files with 334 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/scss/components/ripple/ripple.scss
+21
View File
@@ -0,0 +1,21 @@
/// 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;
}