From 80784a7bde1f6dc1944195883d9bf94ab5c959a2 Mon Sep 17 00:00:00 2001 From: Matthias Goudjil Date: Tue, 11 Jun 2024 10:14:02 +0200 Subject: [PATCH] style: [Attribute page] related #36012 - fix button "Rearrange" is displayed just a few milli seconds when clicking sorting by position --- admin-dev/themes/new-theme/scss/components/_grid.scss | 9 +++++++++ admin-dev/themes/new-theme/scss/config/_keyframes.scss | 10 ++++++++++ 2 files changed, 19 insertions(+) diff --git a/admin-dev/themes/new-theme/scss/components/_grid.scss b/admin-dev/themes/new-theme/scss/components/_grid.scss index e1e65af281f43..9b9fe2272fdef 100644 --- a/admin-dev/themes/new-theme/scss/components/_grid.scss +++ b/admin-dev/themes/new-theme/scss/components/_grid.scss @@ -325,3 +325,12 @@ table { } } } + +// ----------------------- +// Styling grid extensions +// ----------------------- + +// Position extension +.js-btn-reorder-positions { + animation: fadeIn 0.5s; +} diff --git a/admin-dev/themes/new-theme/scss/config/_keyframes.scss b/admin-dev/themes/new-theme/scss/config/_keyframes.scss index 681af70d074b3..f61e60cb5971b 100644 --- a/admin-dev/themes/new-theme/scss/config/_keyframes.scss +++ b/admin-dev/themes/new-theme/scss/config/_keyframes.scss @@ -10,3 +10,13 @@ transform: translate(0); } } + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +}