From 1f20622f2b087eaf8738d60fae00a44b9c558ca3 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Fri, 7 Jun 2019 16:59:53 +0200 Subject: Improve registration * Add ability to set the user display name * Use display name to guess the username/channel name * Add explanations about what is the purpose of a username/channel name * Add a loader at the "done" step --- client/src/app/shared/misc/loader.component.scss | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'client/src/app/shared/misc/loader.component.scss') diff --git a/client/src/app/shared/misc/loader.component.scss b/client/src/app/shared/misc/loader.component.scss index ddb64f07a..ffac9c707 100644 --- a/client/src/app/shared/misc/loader.component.scss +++ b/client/src/app/shared/misc/loader.component.scss @@ -3,14 +3,14 @@ // Thanks to https://loading.io/css/ (CC0 License) -.lds-ring { +.loader { display: inline-block; position: relative; width: 50px; height: 50px; } -.lds-ring div { +.loader div { box-sizing: border-box; display: block; position: absolute; @@ -19,23 +19,23 @@ margin: 6px; border: 4px solid; border-radius: 50%; - animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #999999 transparent transparent transparent; } -.lds-ring div:nth-child(1) { +.loader div:nth-child(1) { animation-delay: -0.45s; } -.lds-ring div:nth-child(2) { +.loader div:nth-child(2) { animation-delay: -0.3s; } -.lds-ring div:nth-child(3) { +.loader div:nth-child(3) { animation-delay: -0.15s; } -@keyframes lds-ring { +@keyframes loader { 0% { transform: rotate(0deg); } -- cgit v1.2.3