fix: adapt height to narrow small

qlik-oss · Aug 1, 2023 · 483424f · 483424f
1 parent 792d70d
commit 483424f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/sn-filter-pane/src/components/FoldedListbox/FoldedListbox.tsx b/packages/sn-filter-pane/src/components/FoldedListbox/FoldedListbox.tsx
@@ -133,7 +133,7 @@ export const FoldedListbox = ({
         height={gridHeight}
       >
         {!narrowSmall
-          && <Grid container flexGrow={1} alignItems="center" sx={{ flexDirection: isRtl ? 'row-reverse' : 'row', flexWrap: 'nowrap' }} padding='0 8px' height={narrowLarge ? 'calc(100% - 1px)' : undefined}>
+          && <Grid container flexGrow={1} alignItems="center" sx={{ flexDirection: isRtl ? 'row-reverse' : 'row', flexWrap: 'nowrap' }} padding='0 8px' height={narrowLarge ? '100%' : undefined}>
             {isDrillDown
               && <Tooltip title={translator?.get('Listbox.DrillDown')} enterDelay={2000}>
                 <div>
@@ -142,7 +142,7 @@ export const FoldedListbox = ({
               </Tooltip>
             }
             <Tooltip title={fieldName} enterDelay={2000}>
-              <Title variant="subtitle2" stardustTheme={stardustTheme} noWrap>
+              <Title variant="subtitle2" stardustTheme={stardustTheme} noWrap lineHeight={narrowLarge ? '100%' : 'normal'}>
                 {fieldName}
               </Title>
             </Tooltip>