Skip to content

Placing loading animation box in the center of the screen with an attractive animation #440

@aniket866

Description

@aniket866

@ceilican ###
Issue: Placing Loading Animation Triangle in the Center of the Screen
Description:
Currently, the loading animation (triangle) is not properly centered on the screen. This may cause misalignment issues, especially on different screen sizes or resolutions. A properly centered animation enhances user experience by maintaining visual balance and preventing layout shifts.

Steps to Reproduce:

  1. Load the application where the loading animation appears.
  2. Observe the position of the triangle animation.
  3. Notice that it is not aligned at the center of the screen.

Expected Behavior:
The loading animation should be perfectly centered both horizontally and vertically on all screen sizes.
It should remain centered even when resizing the window or switching between different devices.

Possible Solution:
Adjust the positioning to ensure the animation remains centered under all conditions.

Environment:
Browser: (Chrome, Firefox, Edge, etc.)
Screen Resolution: (1920x1080, 1366x768, etc.)
OS: (Windows/macOS/Linux)
Additional Context:
A centered animation will improve the UI’s professional appearance and provide a better user experience.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions