imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add animated mx_BetaDot atop the legacy Communities button

Browse source
This commit is contained in:
Michael Telatynski 2021-04-27 17:01:22 +01:00
parent c5f653245a
commit 46d35411b4
5 changed files with 53 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

33
res/css/views/beta/_BetaCard.scss
View file

@ -68,3 +68,36 @@ limitations under the License.
line-height: 15px;
color: #FFFFFF;
}
$pulse-color: $accent-color-alt;
$dot-size: 12px;
.mx_BetaDot {
background: black;
border-radius: 50%;
margin: 10px;
height: $dot-size;
width: $dot-size;
transform: scale(1);
background: rgba($pulse-color, 1);
box-shadow: 0 0 0 0 rgba($pulse-color, 1);
animation: mx_Beta_bluePulse 2s infinite;
animation-iteration-count: 20;
}
@keyframes mx_Beta_bluePulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba($pulse-color, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba($pulse-color, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba($pulse-color, 0);
}
}