Blink the background of table column header when scrolling to it from…

… the column selector.
mblajek · Oct 17, 2024 · fa86f8e · fa86f8e
1 parent 9486204
commit fa86f8e
Showing 1 changed file with 7 additions and 3 deletions.
diff --git 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")}