From 6a2f5f0eeec0f91f7c5ab4fba8cc820b6fb2d0b8 Mon Sep 17 00:00:00 2001 From: Arthur <79015591+arthur-adriansens@users.noreply.github.com> Date: Sat, 7 Dec 2024 16:20:22 +0000 Subject: [PATCH] Added sattisfying taskbar icon animation --- src/gui/src/UI/UITaskbarItem.js | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/src/gui/src/UI/UITaskbarItem.js b/src/gui/src/UI/UITaskbarItem.js index d3937dee3..28fc78922 100644 --- a/src/gui/src/UI/UITaskbarItem.js +++ b/src/gui/src/UI/UITaskbarItem.js @@ -72,11 +72,23 @@ function UITaskbarItem(options){ if($(el_taskbar_item).hasClass('has-open-contextmenu')) return; + el_taskbar_item.querySelector("img").animate( + [ + { transform: 'translateY(0) scale(1)' }, + { transform: 'translateY(-5px) scale(1.2)' }, + { transform: 'translateY(0) scale(1)' } + ], + { + duration: 300, + easing: 'ease-out', + } + ); + if(options.onClick === undefined || options.onClick(el_taskbar_item) === false){ const clicked_window = $(`.window[data-app="${options.app}"]`) // hide window, unless there's more than one in app group - if (clicked_window.hasClass("window-active") && clicked_window.length < 2) { + if (clicked_window.hasClass("window-active") && clicked_window.length < 2) { clicked_window.hideWindow(); return; }