Skip to content

Fix LabWork page layout and create new PR #1143

Open
nabalma wants to merge 2 commits into
masterfrom
labwork-page-taking-half-page-v3
Open

Fix LabWork page layout and create new PR #1143
nabalma wants to merge 2 commits into
masterfrom
labwork-page-taking-half-page-v3

Conversation

@nabalma
Copy link
Copy Markdown
Collaborator

@nabalma nabalma commented May 8, 2026

This PR replaces the previous incorrect PR (#1142), which will be closed.

Amendment:
The content page of the LabworkOverview component had a maxWidth: '50rem' style set on the PageContent component. I commented it out.

@nabalma nabalma changed the title Fix LabWork page layout and create new PR (branch v3 is now created f… Fix LabWork page layout and create new PR May 8, 2026
@nafiz1001
Copy link
Copy Markdown
Collaborator

You should close the PR #1142

@nabalma
Copy link
Copy Markdown
Collaborator Author

nabalma commented May 8, 2026

Yes, I will.

@nafiz1001
Copy link
Copy Markdown
Collaborator

nafiz1001 commented May 8, 2026

You may want to do a rebase on origin/master. The backend does not run for me otherwise.
But first do a git fetch.

@nafiz1001
Copy link
Copy Markdown
Collaborator

nafiz1001 commented May 8, 2026

To make it not too wide, I'd overwrite padding to 0 10em 5em.

@nabalma nabalma force-pushed the labwork-page-taking-half-page-v3 branch from 439e9f8 to 4b80bb4 Compare May 8, 2026 19:06
<AppPageHeader title="Lab Work" />

<PageContent loading={loading} style={{maxWidth: '50rem'} as any}>
<PageContent loading={loading} /*style={{maxWidth: '50rem'} as any}*/>
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

When removing code, just remove the code completely. Otherwise we'll end up with "dead" code all over the place.

This solves the scroll bar issue, but underscores the initial intent. The numbers are too far from the protocol name to be seen in a single glance. It forces a lateral scan .

Maybe we can apply the original maxWidth to the child components and still have a full page content scroll bar ?

Copy link
Copy Markdown
Collaborator Author

@nabalma nabalma May 11, 2026

Choose a reason for hiding this comment

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

Noted. @UlysseFG . I Will completely remove the comment and also explore the second solution of the child component ... Many thanks,

@nabalma
Copy link
Copy Markdown
Collaborator Author

nabalma commented May 11, 2026

Second fix proposed :
Screenshot From 2026-05-11 13-41-21

The comments have been removed.
An existing Div child is now used for the maxWidth attribute.
As shown, the scrollbar is now positioned at the far right of the page.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants