Fix last record row cells are cropped when selected (#9678)
Before <img width="432" alt="Capture d’écran 2025-01-16 à 14 52 34" src="https://github.com/user-attachments/assets/0d23c48a-ad27-49ee-9194-7ae12397f928" /> After <img width="503" alt="Capture d’écran 2025-01-16 à 14 51 55" src="https://github.com/user-attachments/assets/c8b1c8d1-8655-48f0-81fc-d451878e0d10" /> --------- Co-authored-by: Weiko <corentin@twenty.com>
This commit is contained in:
@ -33,6 +33,7 @@ const StyledBaseContainer = styled.div<{
|
|||||||
|
|
||||||
outline: ${({ hasSoftFocus, fontColorExtraLight }) =>
|
outline: ${({ hasSoftFocus, fontColorExtraLight }) =>
|
||||||
hasSoftFocus ? `1px solid ${fontColorExtraLight}` : 'none'};
|
hasSoftFocus ? `1px solid ${fontColorExtraLight}` : 'none'};
|
||||||
|
z-index: 5;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export const RecordTableCellBaseContainer = ({
|
export const RecordTableCellBaseContainer = ({
|
||||||
|
|||||||
@ -51,7 +51,7 @@ const StyledTableRow = styled.tr<{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
position: sticky;
|
position: sticky;
|
||||||
z-index: 5;
|
z-index: 4;
|
||||||
background: ${({ theme }) => theme.background.primary};
|
background: ${({ theme }) => theme.background.primary};
|
||||||
${({ endOfTableSticky, hasHorizontalOverflow }) =>
|
${({ endOfTableSticky, hasHorizontalOverflow }) =>
|
||||||
endOfTableSticky &&
|
endOfTableSticky &&
|
||||||
|
|||||||
Reference in New Issue
Block a user