8304 - Fix Action Menu Buttons Alignment (#8348)

Closes #8304

The position of the modal container wasn't absolute, so the gap was also
applied after the `ShowPageMoreButton`
This commit is contained in:
Raphaël Bosi
2024-11-05 18:19:01 +01:00
committed by GitHub
parent 88ba057b2c
commit 9e051d7900
2 changed files with 16 additions and 13 deletions

View File

@ -1,5 +1,10 @@
import { actionMenuEntriesComponentSelector } from '@/action-menu/states/actionMenuEntriesComponentSelector';
import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
import styled from '@emotion/styled';
const StyledActionMenuConfirmationModals = styled.div`
position: absolute;
`;
export const ActionMenuConfirmationModals = () => {
const actionMenuEntries = useRecoilComponentValueV2(
@ -7,12 +12,12 @@ export const ActionMenuConfirmationModals = () => {
);
return (
<div data-select-disable>
<StyledActionMenuConfirmationModals data-select-disable>
{actionMenuEntries.map((actionMenuEntry, index) =>
actionMenuEntry.ConfirmationModal ? (
<div key={index}>{actionMenuEntry.ConfirmationModal}</div>
) : null,
)}
</div>
</StyledActionMenuConfirmationModals>
);
};

View File

@ -65,17 +65,15 @@ export const RecordShowPage = () => {
workflowVersionId={objectRecordId}
/>
) : (
<>
<RecordShowActionMenu
{...{
isFavorite,
handleFavoriteButtonClick,
record,
objectMetadataItem,
objectNameSingular,
}}
/>
</>
<RecordShowActionMenu
{...{
isFavorite,
handleFavoriteButtonClick,
record,
objectMetadataItem,
objectNameSingular,
}}
/>
)}
</>
</RecordShowPageHeader>