From 4becfe3a6b4b3853b8d1dbd122a236d18f388cd3 Mon Sep 17 00:00:00 2001 From: Pierre-Yves Lapersonne Date: Mon, 4 May 2026 18:33:43 +0200 Subject: [PATCH] fix: loading animations (stephanebouget/github-security-alerts#34) The animations when repositories or alerts loading was not good. It was played clockwise but was not relevant with the arrows in the image. The suitable animation is inverse clockwise. Closes stephanebouget/github-security-alerts#34 Assisted-by: Claude Sonent 4.6 (OpenCode, LLMProxy) Signed-off-by: Pierre-Yves Lapersonne --- .../shared/components/alerts-list/alerts-list.component.scss | 2 +- src/app/shared/components/header/header.component.scss | 2 +- .../components/settings-panel/settings-panel.component.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/shared/components/alerts-list/alerts-list.component.scss b/src/app/shared/components/alerts-list/alerts-list.component.scss index d49bd71..e6f398d 100644 --- a/src/app/shared/components/alerts-list/alerts-list.component.scss +++ b/src/app/shared/components/alerts-list/alerts-list.component.scss @@ -224,6 +224,6 @@ transform: rotate(0deg); } to { - transform: rotate(360deg); + transform: rotate(-360deg); } } diff --git a/src/app/shared/components/header/header.component.scss b/src/app/shared/components/header/header.component.scss index ea59fc3..9f030a8 100644 --- a/src/app/shared/components/header/header.component.scss +++ b/src/app/shared/components/header/header.component.scss @@ -94,7 +94,7 @@ transform: rotate(0deg); } to { - transform: rotate(360deg); + transform: rotate(-360deg); } } diff --git a/src/app/shared/components/settings-panel/settings-panel.component.scss b/src/app/shared/components/settings-panel/settings-panel.component.scss index 1fad577..dbf0b61 100644 --- a/src/app/shared/components/settings-panel/settings-panel.component.scss +++ b/src/app/shared/components/settings-panel/settings-panel.component.scss @@ -238,7 +238,7 @@ transform: rotate(0deg); } to { - transform: rotate(360deg); + transform: rotate(-360deg); } }