nextcloud-vue icon indicating copy to clipboard operation
nextcloud-vue copied to clipboard

Fix app settings dialog

Open nickvergessen opened this issue 3 years ago • 7 comments

Before After
Peek 2022-08-12 13-31 Peek 2022-08-12 14-36

nickvergessen avatar Aug 12 '22 12:08 nickvergessen

Just for reference, the respective lines were added in https://github.com/nextcloud/nextcloud-vue/pull/2719.

raimund-schluessler avatar Aug 12 '22 12:08 raimund-schluessler

The usage in Talk is AppSettingsDialog with tones of AppSettingsSection inside.

Not sure if should be necessary for an app to overwrite overflows of a stand-alone modal component? https://github.com/nextcloud/spreed/blob/d01450f87a68454a7acf6fa8e51ad8f0bec40ce6/src/components/ConversationSettings/ConversationSettingsDialog.vue

nickvergessen avatar Aug 12 '22 13:08 nickvergessen

The usage in Talk is AppSettingsDialog with tones of AppSettingsSection inside.

Quite the same happens in the docs example, no?

Not sure if should be necessary for an app to overwrite overflows of a stand-alone modal component? https://github.com/nextcloud/spreed/blob/d01450f87a68454a7acf6fa8e51ad8f0bec40ce6/src/components/ConversationSettings/ConversationSettingsDialog.vue

I guess not. Does it maybe work if you remove the adjustments.

raimund-schluessler avatar Aug 12 '22 13:08 raimund-schluessler

The only way I got it working is with these adjustments...

nickvergessen avatar Aug 12 '22 13:08 nickvergessen

Really weird. There must be a reason, it works in the docs, but breaks with your changes.

raimund-schluessler avatar Aug 12 '22 13:08 raimund-schluessler

I cloned and build the Talk app and I couldn't reproduce the scrolling issue in the settings dialog with the Talk master branch. It works just fine (besides #3029).

But I have the assumption that it could depend on how the bundler packed everything together, since this rule https://github.com/nextcloud/nextcloud-vue/blob/0324a18e33e390e27549cf2c405ed70df2d41161/src/components/AppSettingsDialog/AppSettingsDialog.vue#L362-L365 conflicts with this rule https://github.com/nextcloud/nextcloud-vue/blob/0324a18e33e390e27549cf2c405ed70df2d41161/src/components/Modal/Modal.vue#L868-L869 and the order of them in the bundle (which might vary) determines which one applies.

So the rule overwriting the style for AppSettingsDialog needs to be more specific. I will create a PR over the weekend.

raimund-schluessler avatar Aug 12 '22 20:08 raimund-schluessler

Thanks for diving in as so often recently @raimund-schluessler

nickvergessen avatar Aug 12 '22 20:08 nickvergessen

Alternative solution is in https://github.com/nextcloud/nextcloud-vue/pull/3035.

raimund-schluessler avatar Aug 14 '22 20:08 raimund-schluessler

Closed with https://github.com/nextcloud/nextcloud-vue/pull/3035 and https://github.com/nextcloud/spreed/pull/7745.

raimund-schluessler avatar Aug 16 '22 08:08 raimund-schluessler