This is an automated email from the ASF dual-hosted git repository.
lauraxia pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/gravitino.git
The following commit(s) were added to refs/heads/main by this push:
new 2271d58c78 fix: disable MUI DataGrid row hover highlighting (#7359)
2271d58c78 is described below
commit 2271d58c781f56790b290e2f64fb96d6352046f0
Author: kerenpas <[email protected]>
AuthorDate: Wed Jun 11 05:25:52 2025 +0300
fix: disable MUI DataGrid row hover highlighting (#7359)
✅ Explains what changes were made - CSS overrides in the theme file
✅ Explains why changes are needed - Addresses the unwanted hover
behavior
✅ Describes user-facing changes - Visual improvement
✅ Mentions testing - How you verified the fix works
✅ References the issue - Fixes #3290 will automatically link and close
the issue when merged
---
web/web/src/lib/theme/mui.js | 11 +++++++++--
1 file changed, 9 insertions(+), 2 deletions(-)
diff --git a/web/web/src/lib/theme/mui.js b/web/web/src/lib/theme/mui.js
index ac38c04b38..70833e2566 100644
--- a/web/web/src/lib/theme/mui.js
+++ b/web/web/src/lib/theme/mui.js
@@ -716,13 +716,20 @@ const createMuiTheme = (config = {}) => {
columnSeparator: ({ theme }) => ({
color: theme.palette.divider
}),
- row: {
+ row: ({ theme }) => ({
+ // Disable hover effects
+ '&:hover': {
+ backgroundColor: 'transparent !important'
+ },
+ '&.Mui-hovered': {
+ backgroundColor: 'transparent !important'
+ },
'&:last-child': {
'& .MuiDataGrid-cell': {
borderBottom: 0
}
}
- },
+ }),
cell: ({ theme }) => ({
borderColor: theme.palette.divider,
'&:not(.MuiDataGrid-cellCheckbox)': {
