fix(heartbeat-bar): fix margin-bottom & right without break animation #612

Open
bertyhell wants to merge 6 commits from bertyhell/bugfix/heartbeat-bar-animation into master
bertyhell commented 3 years ago (Migrated from github.com)
Owner

This PR tried to fix some styling issues with the hearth beat bar: https://github.com/louislam/uptime-kuma/pull/521

Unfortunately it broke the new heartbeat animation.

broken animation:
https://user-images.githubusercontent.com/1710840/136654099-b3947c1a-b660-4388-b7c2-52c882b185d7.mp4

@louislam reverted some of the style changes to fix the animation.

current animation on the master branch:
https://user-images.githubusercontent.com/1710840/136654107-06213e06-c235-4912-adaa-b2f6935b6b49.mp4

But in doing so he also reverted the vertical padding fix.
image
image

This PR tries to fix both issues:

  • the animation
  • and the vertical padding

The animation after this PR:
https://user-images.githubusercontent.com/1710840/136654111-1eb609ae-4476-4a4b-993b-b2c8da33495d.mp4

The vertical padding after this PR:
image

This PR tried to fix some styling issues with the hearth beat bar: https://github.com/louislam/uptime-kuma/pull/521 Unfortunately it broke the new heartbeat animation. broken animation: https://user-images.githubusercontent.com/1710840/136654099-b3947c1a-b660-4388-b7c2-52c882b185d7.mp4 @louislam reverted some of the style changes to fix the animation. current animation on the master branch: https://user-images.githubusercontent.com/1710840/136654107-06213e06-c235-4912-adaa-b2f6935b6b49.mp4 But in doing so he also reverted the vertical padding fix. ![image](https://user-images.githubusercontent.com/1710840/136653875-57ecfc27-efaf-4965-98da-3a803a643c94.png) ![image](https://user-images.githubusercontent.com/1710840/136653876-e73c8474-a161-4388-92bc-741112bc6c6d.png) This PR tries to fix both issues: * the animation * and the vertical padding The animation after this PR: https://user-images.githubusercontent.com/1710840/136654111-1eb609ae-4476-4a4b-993b-b2c8da33495d.mp4 The vertical padding after this PR: ![image](https://user-images.githubusercontent.com/1710840/136653950-3e68adf8-7e77-41b2-a2a3-f967e6148cba.png)
This pull request can be merged automatically.
You are not authorized to merge this pull request.
Sign in to join this conversation.
Loading…
There is no content yet.