[GH-ISSUE #1123] [Bug] The apploader is not centered during the animation. #757

New issue

Closed

opened 2026-03-03 01:05:46 +03:00 by kerem · 0 comments

kerem commented

2026-03-03 01:05:46 +03:00

Owner

Originally created by @teaim on GitHub (Dec 25, 2025).
Original GitHub issue: https://github.com/certimate-go/certimate/issues/1123

Release Version / 软件版本

v0.4.10

Description / 缺陷描述

The apploader is not centered during the animation.

github.com/certimate-go/certimate@e46626d823/ui/index.html (L34)

The root cause is that the keyframes set transform: scale(...), which overrides the base translate(-50%, -50%) centering transform.

Steps to reproduce / 复现步骤

Load any page that renders the .apploader element.
Observe the loader position during the animation.

Logs / 日志

# Paste logs here / 请在此粘贴日志

Miscellaneous / 其他

No response

Contribution / 贡献代码

I am interested in contributing a PR for this! / 我乐意为此提交代码并发起 PR！

Originally created by @teaim on GitHub (Dec 25, 2025). Original GitHub issue: https://github.com/certimate-go/certimate/issues/1123 ### Release Version / 软件版本 v0.4.10 ### Description / 缺陷描述 The apploader is not centered during the animation. https://github.com/certimate-go/certimate/blob/e46626d823ec3b09cd019288b3dc7369ebf09635/ui/index.html#L34 The root cause is that the keyframes set transform: scale(...), which overrides the base translate(-50%, -50%) centering transform. ### Steps to reproduce / 复现步骤 1. Load any page that renders the .apploader element. 2. Observe the loader position during the animation. ### Logs / 日志 <details> ```console # Paste logs here / 请在此粘贴日志 ``` </details> ### Miscellaneous / 其他 _No response_ ### Contribution / 贡献代码 - [x] I am interested in contributing a PR for this! / 我乐意为此提交代码并发起 PR！