From 1f2cd94a653db3dba39c130541191ff08fa4c7fb Mon Sep 17 00:00:00 2001 From: Michael Jumper Date: Wed, 16 Jun 2021 01:58:01 -0700 Subject: [PATCH] GUACAMOLE-724: Display nifty "pop" animation when a new client appears within the client panel. --- .../src/main/frontend/src/app/index/styles/animation.css | 9 +++++++++ .../frontend/src/app/index/styles/other-connections.css | 1 + 2 files changed, 10 insertions(+) diff --git a/guacamole/src/main/frontend/src/app/index/styles/animation.css b/guacamole/src/main/frontend/src/app/index/styles/animation.css index 8bab86fee..c2d48d5e6 100644 --- a/guacamole/src/main/frontend/src/app/index/styles/animation.css +++ b/guacamole/src/main/frontend/src/app/index/styles/animation.css @@ -48,3 +48,12 @@ from { opacity: 1; } to { opacity: 0; } } + +/** + * popin: Increase in size and opacity from invisibly tiny and transparent to + * full size and opaque. + */ +@keyframes popin { + from { transform: scale(0); opacity: 0; } + to { transform: scale(1); } +} diff --git a/guacamole/src/main/frontend/src/app/index/styles/other-connections.css b/guacamole/src/main/frontend/src/app/index/styles/other-connections.css index 36600992b..428d7852f 100644 --- a/guacamole/src/main/frontend/src/app/index/styles/other-connections.css +++ b/guacamole/src/main/frontend/src/app/index/styles/other-connections.css @@ -92,6 +92,7 @@ background: black; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); + animation: 0.1s linear 0s popin; opacity: 0.5; transition: opacity 0.25s;