Fix VariablePicker and Fullscreen Icon overlap in FormAdvancedTextFieldInput (#19614)

fixes 

<img width="659" height="386" alt="image"
src="https://github.com/user-attachments/assets/c9755574-6830-464d-8abf-7741188f84dd"
/>
This commit is contained in:
neo773
2026-04-13 21:31:50 +05:30
committed by GitHub
parent 96959b43ba
commit d2a99ef72d
@@ -46,10 +46,15 @@ const StyledAdvancedTextFieldInnerContainer = styled.div`
width: 100%;
`;
const StyledEditorActionButtonContainer = styled.div`
const StyledEditorActionButtonContainer = styled.div<{
hasVariablePicker?: boolean;
}>`
margin-top: ${themeCssVariables.spacing[1]};
position: absolute;
right: ${themeCssVariables.spacing[1]};
right: ${({ hasVariablePicker }) =>
hasVariablePicker
? `calc(${themeCssVariables.spacing[7]} + ${themeCssVariables.spacing[2]})`
: themeCssVariables.spacing[1]};
top: ${themeCssVariables.spacing[0]};
z-index: 1;
`;
@@ -214,7 +219,9 @@ export const FormAdvancedTextFieldInput = ({
)}
{enableFullScreen && (
<StyledEditorActionButtonContainer>
<StyledEditorActionButtonContainer
hasVariablePicker={isDefined(VariablePicker) && !readonly}
>
{!readonly && !isFullScreen && (
<LightIconButton
Icon={IconMaximize}