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); }