-
Notifications
You must be signed in to change notification settings - Fork 92
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(NcSettingSection): update design and remove limitWidth
option
#5514
Conversation
cd37441
to
c33516f
Compare
c33516f
to
c39bde5
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
/** | ||
* Limit the width of the setting's content | ||
* | ||
* By default only the name and description have a limit, use this | ||
* property to also apply this to the rest of the content. | ||
*/ | ||
limitWidth: { | ||
type: Boolean, | ||
default: true, | ||
}, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Technically this is a "small" breaking change, because it changes the component's API. It doesn't really break the page, but it results in invalid HTML attribute limit-width
in DOM.
We can mark this prop as @deprecated
here and remove in backport to next
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
doesn't it break the page for people who used full width sections?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
there's another pr here where we're tackling all those regressions
nextcloud/server#44960
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@marcoambrosini @ShGKme I assume for appearance and accessibility we can just make it single-column instead of putting 2 themes next to each other?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We can, but I personally like 2 column design instead of long page.
The same problem with user migration app and privacy.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It can be 2 columns and text below the image. But these will be addressed in a separate pr in server. Let's get this in :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
as far as I can see, the prop was not actively used: https://github.com/search?q=org%3Anextcloud-libraries%20limit-width&type=code
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
as far as I can see, the prop was not actively used: https://github.com/search?q=org%3Anextcloud-libraries%20limit-width&type=code
You need to look in the nextcloud org, as it is for apps:
https://github.com/search?q=org%3Anextcloud%20limit-width&type=code
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ah right, my issue
Signed-off-by: Marco Ambrosini <[email protected]>
80b8329
to
fea8d49
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Seems very nice, only one thing: There is now a lot of whitespace above the headings towards the divider line. Whitespace above and below the divider should be visually roughly equal.
This will be tackled separately in server pr
Can we please get this in? |
limitWidth
option
Notes: this is not a new feature (no new components/props/events/slots), but a change behavior of the component so it should have Both labels and PR title are used for automatic |
So we spin up a new major now? Because this is breaking apps and server -> We can not update |
We can do for next version, so backport |
/backport to next |
fix: Revert #5514 and only force width limit on Nextcloud 30+
Remove custom heading, remove full width option and other minor fixes