From 795c178ee34f0af4e365659260352ef5470e51d9 Mon Sep 17 00:00:00 2001 From: Niclas Jost <35239311+niclas-j@users.noreply.github.com> Date: Fri, 29 Mar 2024 12:40:12 +0100 Subject: [PATCH 01/23] respect reduced motion --- frontend/src/App.vue | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/frontend/src/App.vue b/frontend/src/App.vue index ebc5159..7a971ad 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -63,4 +63,11 @@ window.addEventListener("resize", updateMobile); .origin-near-top { transform-origin: center 33vh; } + +@media (prefers-reduced-motion) { + .scale-enter-active, + .scale-leave-active { + transition: none; + } +} From 5d40f659978a84ecacede0cf5d2a624b44b0277b Mon Sep 17 00:00:00 2001 From: Elmar Kresse Date: Fri, 29 Mar 2024 21:52:33 +0100 Subject: [PATCH 02/23] feat:#48 added loading indicator and disabled state --- frontend/src/components/RenameModules.vue | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/frontend/src/components/RenameModules.vue b/frontend/src/components/RenameModules.vue index dfbadbc..9875c0f 100644 --- a/frontend/src/components/RenameModules.vue +++ b/frontend/src/components/RenameModules.vue @@ -35,8 +35,10 @@ const columns = computed(() => [ ]); const toast = useToast(); +const requestIsPending = ref(false); async function finalStep() { + requestIsPending.value = true; const createFeed: Promise = createIndividualFeed( store.getAllModules(), ); @@ -44,6 +46,7 @@ async function finalStep() { // Check if createFeed Promise is resolved createFeed.then(async (token: string) => { tokenStore().setToken(token); + requestIsPending.value = false; await router.push("/calendar-link"); }); @@ -157,9 +160,9 @@ async function finalStep() {