Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: status sheet buttons and height adjustment #303

Merged
merged 8 commits into from
Sep 23, 2024

Conversation

DNR500
Copy link
Contributor

@DNR500 DNR500 commented Sep 18, 2024

Jira: LF-10126

Changes the layout of the buttons at the bottom of the StatusBottomSheet to horizontal.

Also adds a fix to the useSetContentHeight hook

@DNR500 DNR500 added the WIP Work in progress label Sep 18, 2024
@DNR500 DNR500 marked this pull request as ready for review September 18, 2024 18:02
@DNR500 DNR500 removed the WIP Work in progress label Sep 18, 2024
createElementId(ElementId.ScrollableContainer, elementId),
);

export const getHeaderElement = (elementId: string) =>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Centralised these functions for a consistent way to access the elements

return () => {
scrollableContainer.style.removeProperty('height');
relativeContainer.style.removeProperty('min-height');
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This just needed to be switched to the relativeContainer rather than the scrollableContainer and now also has to override the height using min-height.

@chybisov chybisov changed the title LF-10126: status sheet buttons and height adjustment fix: status sheet buttons and height adjustment Sep 19, 2024
Copy link

Hey! This is your new endopint: https://7082d4bb.widget-lf10126sta.pages.dev

Comment on lines 9 to 14
const Placeholder = () => {
return (
<Box sx={{ width: '100%', height: 400, backgroundColor: 'red' }}>hello</Box>
);
};

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we remove this testing component?

Comment on lines 47 to 51
feeConfig={{
name: 'Flexible fee',
fee: 0,
_vcComponent: Placeholder,
}}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This as well

Copy link

Hey! This is your new endopint: https://2823b02d.widget-lf10126sta.pages.dev

@chybisov chybisov merged commit 56db5e4 into main Sep 23, 2024
1 check passed
@chybisov chybisov deleted the LF-10126-status-sheet-buttons-and-height-adjustment branch September 23, 2024 14:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants