From fa86f8e365c4205bbd19f9c0349acfd77b47752e Mon Sep 17 00:00:00 2001
From: TPReal <tpreal@gmail.com>
Date: Thu, 17 Oct 2024 14:03:14 +0200
Subject: [PATCH] Blink the background of table column header when scrolling to
 it from the column selector.

---
 .../ui/Table/TableColumnVisibilityController.tsx       | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/ui/Table/TableColumnVisibilityController.tsx b/resources/js/components/ui/Table/TableColumnVisibilityController.tsx
index 297eff99a..3817934ab 100644
--- a/resources/js/components/ui/Table/TableColumnVisibilityController.tsx
+++ b/resources/js/components/ui/Table/TableColumnVisibilityController.tsx
@@ -130,9 +130,13 @@ export const TableColumnVisibilityController: VoidComponent = () => {
                       <Button
                         class="self-center"
                         onClick={() => {
-                          document
-                            .querySelector(`[data-header-for-column="${column.id}"]`)
-                            ?.scrollIntoView({inline: "center", behavior: "smooth"});
+                          const header = document.querySelector(`[data-header-for-column="${column.id}"]`);
+                          header?.scrollIntoView({inline: "center", behavior: "smooth"});
+                          header?.animate([{}, {backgroundColor: "var(--tc-select)"}], {
+                            direction: "alternate",
+                            duration: 230,
+                            iterations: 6,
+                          });
                           props.popOver.close();
                         }}
                         title={t("tables.scroll_to_column")}