From 0809633b21ecb8edb844335fa8656ac25b68340d Mon Sep 17 00:00:00 2001 From: Zaccheus Sia Date: Fri, 24 Oct 2025 10:32:48 +0800 Subject: [PATCH] Simpler style for selected row --- .../public/stylekit/controls/table.css | 30 +------------------ 1 file changed, 1 insertion(+), 29 deletions(-) diff --git a/frontend/taipy-gui/public/stylekit/controls/table.css b/frontend/taipy-gui/public/stylekit/controls/table.css index 264476ca3a..f6f136c8b2 100644 --- a/frontend/taipy-gui/public/stylekit/controls/table.css +++ b/frontend/taipy-gui/public/stylekit/controls/table.css @@ -49,36 +49,8 @@ } -.MuiTableRow-root.Mui-selected td { - background: color-mix(in srgb, var(--color-primary) 5%, transparent); - box-shadow: inset 0 2px 4px color-mix(in srgb, var(--color-primary) 10%, transparent), - inset 0 -2px 4px color-mix(in srgb, var(--color-primary) 10%, transparent); - transition: background 0.2s ease, box-shadow 0.2s ease; -} - -.MuiTableRow-root.Mui-selected:hover td { - background: color-mix(in srgb, var(--color-primary) 12%, transparent); - box-shadow: inset 0 2px 6px color-mix(in srgb, var(--color-primary) 20%, transparent), - inset 0 -2px 6px color-mix(in srgb, var(--color-primary) 20%, transparent); -} - .MuiTableRow-root.Mui-selected td:first-child { - border-top-left-radius: 8px; - border-bottom-left-radius: 8px; - box-shadow: inset 3px 0 0 0 var(--color-primary), - inset 0 2px 4px color-mix(in srgb, var(--color-primary) 10%, transparent), - inset 0 -2px 4px color-mix(in srgb, var(--color-primary) 10%, transparent); -} - -.MuiTableRow-root.Mui-selected:hover td:first-child { - box-shadow: inset 3px 0 0 0 var(--color-primary), - inset 0 2px 6px color-mix(in srgb, var(--color-primary) 20%, transparent), - inset 0 -2px 6px color-mix(in srgb, var(--color-primary) 20%, transparent); -} - -.MuiTableRow-root.Mui-selected td:last-child { - border-top-right-radius: 8px; - border-bottom-right-radius: 8px; + box-shadow: inset 5px 0 0 0 var(--color-primary); }