Background -
- I shifted from classic login to universal login and wanted to match few design elements in the Login screen hence added a branding template.
Issue -
- I am seeing a weird animation in the login prompt. The prompt shifts from the top-left side to the center.
- I have added a CSS to keep the prompt at center as after adding the template, I login prompt was shifted to top-left. This is the CSS -
<body> <div class="widget-center-align" > {%- auth0:widget -%} </div> <style> :root { --prompt-width: 500px; } .widget-center-align{ display: flex; justify-content: center; height: 100%; align-items: center; } </style> </body>
Can someone help me to remove this behaviour?