Optimize column layout experience #4006
Conversation
manuelmeister
added
UX/UI
deploy!
manuelmeister
temporarily deployed
to
feature-branch
GitHub Actions
Inactive
⛔ Feature branch deployment currently inactive.If the PR is still open, you can add the |
manuelmeister
had a problem deploying
to
feature-branch
GitHub Actions
Failure
manuelmeister
had a problem deploying
to
feature-branch
GitHub Actions
Failure
| <ContentLayout | ||
| v-resizeobserver.debounce="onResize" | ||
| class="ec-column-layout" | ||
| :class="{ 'ec-column-layout--layout-mode my-2': !isRoot && layoutMode }" | ||
| :is-root="isRoot" | ||
| :layout-mode="layoutMode" | ||
| > |
There was a problem hiding this comment.
Move the styling inside this component? It already has all the information it needs, and part of the styles are already done there.
Also the style doesn't quite match vuetify's material design. Can you change it to match the existing design style we have everywhere else?
There was a problem hiding this comment.
It will get reused in flex layout. I agree that the design is not consistent with Material Design and that it could be improved.
I opted for this design, as it is clearly different from the non-layout content types while still being compact. If you have a good idea how we could design this, I would like your input in a followup issue.
manuelmeister
temporarily deployed
to
feature-branch
GitHub Actions
Inactive
manuelmeister
temporarily deployed
to
feature-branch
GitHub Actions
Inactive
This is a prework for #3966