Skip to content

feat(Layout): Simplify the approach and make it compliant with v-tables #2820

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

Merged
merged 3 commits into from
Jul 29, 2025

Conversation

JF-Cozy
Copy link
Collaborator

@JF-Cozy JF-Cozy commented Jul 2, 2025

No description provided.

@JF-Cozy JF-Cozy requested review from Ldoppea and zatteo as code owners July 2, 2025 14:38
Copy link

bundlemon bot commented Jul 2, 2025

BundleMon

Files updated (2)
Status Path Size Limits
dist/cozy-ui.min.css
20.02KB (-86B -0.42%) -
transpiled/react/stylesheet.css
17.55KB (-134B -0.74%) -
Unchanged files (1)
Status Path Size Limits
dist/cozy-ui.utils.min.css
10.97KB -

Total files change -220B -0.44%

Groups updated (1)
Status Path Size Limits
transpiled/react/**
986.7KB (-103B -0.01%) -

Final result: ✅

View report in BundleMon website ➡️


Current branch size history | Target branch size history

@JF-Cozy JF-Cozy force-pushed the feat/layout branch 3 times, most recently from 98e60a0 to 41b7884 Compare July 3, 2025 08:08
Add dialog in layout to better simulate app behavior.
Virtualized tables use `height: 100%` but it didn't work with the old
layout. So we need to change the structure to allow `height: 100%`
on content.
)}
className={cx(className, styles['o-layout-main'], {
[styles['o-layout-main-2panes']]: !monoColumn,
[styles[`o-layout-main-topbar`]]: withTopBar && !isDesktop
Copy link
Member

Choose a reason for hiding this comment

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

Sure about the !isDesktop ? If this class is responsible of moving the content down of the size of the topbar we need it in desktop too?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I don't remember clearly why I did that this way, but after checking the result in the doc, the structure is different between mobile and desktop. I suppose because of the cozy-bar is different too. In desktop it acts like a div and take the place normally, but it probably doesn't in mobile

@JF-Cozy JF-Cozy merged commit 0936323 into master Jul 29, 2025
12 checks passed
@JF-Cozy JF-Cozy deleted the feat/layout branch July 29, 2025 07:10
@cozy-bot
Copy link

🎉 This PR is included in version 127.5.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

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.

3 participants