[core] Improve selector clarity

mui · Feb 28, 2024 · 839b093 · 839b093
1 parent ffedb8e
commit 839b093
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 10 deletions.
diff --git a/packages/x-charts/src/ChartsTooltip/ChartsTooltipTable.ts b/packages/x-charts/src/ChartsTooltip/ChartsTooltipTable.ts
@@ -27,10 +27,10 @@ export const ChartsTooltipRow = styled('tr', {
   name: 'MuiChartsTooltip',
   slot: 'Row',
 })(({ theme }) => ({
-  'tr:first-of-type& td': {
+  '& tr:first-of-type& td': {
     paddingTop: theme.spacing(1),
   },
-  'tr:last-of-type& td': {
+  '& tr:last-of-type& td': {
     paddingBottom: theme.spacing(1),
   },
 }));
@@ -41,19 +41,17 @@ export const ChartsTooltipCell = styled('td', {
 })(({ theme }) => ({
   verticalAlign: 'middle',
   color: (theme.vars || theme).palette.text.secondary,
-
   [`&.${chartsTooltipClasses.labelCell}`]: {
     paddingLeft: theme.spacing(1),
   },
   [`&.${chartsTooltipClasses.valueCell}`]: {
     paddingLeft: theme.spacing(4),
     color: (theme.vars || theme).palette.text.primary,
   },
-
-  'td:first-of-type&': {
+  '& td:first-of-type&': {
     paddingLeft: theme.spacing(2),
   },
-  'td:last-of-type&': {
+  '& td:last-of-type&': {
     paddingRight: theme.spacing(2),
   },
 }));

diff --git a/packages/x-charts/src/ChartsTooltip/DefaultChartsAxisTooltipContent.tsx b/packages/x-charts/src/ChartsTooltip/DefaultChartsAxisTooltipContent.tsx
@@ -53,11 +53,9 @@ function DefaultChartsAxisTooltipContent(props: ChartsAxisContentProps) {
                     className={classes.mark}
                   />
                 </ChartsTooltipCell>
-
                 <ChartsTooltipCell className={clsx(classes.labelCell, classes.cell)}>
                   {label ? <Typography>{label}</Typography> : null}
                 </ChartsTooltipCell>
-
                 <ChartsTooltipCell className={clsx(classes.valueCell, classes.cell)}>
                   <Typography>{formattedValue}</Typography>
                 </ChartsTooltipCell>

diff --git a/packages/x-charts/src/ChartsTooltip/DefaultChartsItemTooltipContent.tsx b/packages/x-charts/src/ChartsTooltip/DefaultChartsItemTooltipContent.tsx
@@ -43,11 +43,9 @@ function DefaultChartsItemTooltipContent<T extends ChartSeriesType = ChartSeries
             <ChartsTooltipCell className={clsx(classes.markCell, classes.cell)}>
               <ChartsTooltipMark ownerState={{ color }} className={classes.mark} />
             </ChartsTooltipCell>
-
             <ChartsTooltipCell className={clsx(classes.labelCell, classes.cell)}>
               {displayedLabel}
             </ChartsTooltipCell>
-
             <ChartsTooltipCell className={clsx(classes.valueCell, classes.cell)}>
               {formattedValue}
             </ChartsTooltipCell>