fix: fix padding for frequency count in rtl case

qlik-oss · Apr 13, 2023 · af8b795 · af8b795
1 parent 5d4af3a
commit af8b795
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/apis/nucleus/src/components/listbox/components/ListBoxRowColumn/ListBoxRowColumn.jsx b/apis/nucleus/src/components/listbox/components/ListBoxRowColumn/ListBoxRowColumn.jsx
@@ -225,6 +225,7 @@ function RowColumn({ index, rowIndex, columnIndex, style, data }) {
         onContextMenu={preventContextMenu}
         tabIndex={isFirstElement && keyboard.innerTabStops ? 0 : -1}
         data-n={cell?.qElemNumber}
+        direction={direction}
       >
         {cell?.qFrequency && (
           <Histogram

diff --git a/apis/nucleus/src/components/listbox/components/ListBoxRowColumn/components/ItemGrid.jsx b/apis/nucleus/src/components/listbox/components/ListBoxRowColumn/components/ItemGrid.jsx
@@ -7,7 +7,7 @@ const ItemGrid = styled(Grid, {
   shouldForwardProp: (prop) =>
     !['dataLayout', 'layoutOrder', 'itemPadding', 'cellPaddingRight', 'direction'].includes(prop),
 })(({ dataLayout, layoutOrder, itemPadding, cellPaddingRight, direction }) => {
-  const att = `padding${direction === 'rtl' ? 'left' : 'right'}`;
+  const att = `padding${direction === 'rtl' ? 'Left' : 'Right'}`;
   return {
     [`&.${classes.fieldRoot}`]: {
       ...getItemSizes({ dataLayout, layoutOrder, itemPadding }),