Fixes Sidebar editor repetition count for "days"

[keremsemiz]

Fixes #6429

Adjusted CSS for proper centering of the Repeat section in the sidebar at low px counts.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 23.44%. Comparing base (7f70db9) to head (dc74e7c).
Report is 21 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff            @@
##               main    #6551   +/-   ##
=========================================
  Coverage     23.44%   23.44%           
  Complexity      472      472           
=========================================
  Files           249      249           
  Lines         11888    11888           
  Branches       2282     2271   -11     
=========================================
  Hits           2787     2787           
  Misses         8774     8774           
  Partials        327      327           

Flag	Coverage Δ
javascript	14.87% <ø> (ø)
php	59.47% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[SebastianKrupinski]

Tested. Works.

But it does not seem to inline when the screen is large enough.

[GretaD]

yes, @keremsemiz the "repeat every" field should be smaller, so both input field can fit in one row, because the content they hold is very small. So remove the flex-direction: column for that.

The second part: end repeat.
The second field(the date one) should not always be positioned below the first field, should only slide below if theres no space. As you can see on the Sebastian's screen, the fields are still above each other even though theres space. It should be next to each other.

What you can do is, have a set width for the fields, and wrap them in a flex box to move below if theres no space.

[keremsemiz]

The second part: end repeat. The second field(the date one) should not always be positioned below the first field, should only slide below if theres no space. As you can see on the Sebastian's screen, the fields are still above each other even though theres space. It should be next to each other.

What you can do is, have a set width for the fields, and wrap them in a flex box to move below if theres no space.

Yes, I understand what you mean. Originally I did it that way but I thought that the issue always needed them to be on seperate lines 👍

[GretaD]

The second part: end repeat. The second field(the date one) should not always be positioned below the first field, should only slide below if theres no space. As you can see on the Sebastian's screen, the fields are still above each other even though theres space. It should be next to each other.
What you can do is, have a set width for the fields, and wrap them in a flex box to move below if theres no space.

Yes, I understand what you mean. Originally I did it that way but I thought that the issue always needed them to be on seperate lines 👍

no problem, try this new approach when you have the time

[keremsemiz]

I've went over the issues again, here is the revised version:

[SebastianKrupinski]

Hey, tested again the counts is now properly in line in all screen sizes.

But the On Date still shows on two lines no matter the screen size.

[keremsemiz]

Thank you for pointing that out, I'll make sure to fix it tomorrow.

[GretaD]

i checked it a bit myself, and i cannot find a reliable way to make it work that always fits the space and when no space to slide down. So i suggested Kerem to make it like this:

[SebastianKrupinski]

Tested. Again. Looks good to me, probably the best we going to get.

On Date

On Count

[SebastianKrupinski]

@keremsemiz can you squash all the commits in to one and rebase please

[keremsemiz]

yep, did it.

[github-actions]

Hello there,
Thank you so much for taking the time and effort to create a pull request to our Nextcloud project.

We hope that the review process is going smooth and is helpful for you. We want to ensure your pull request is reviewed to your satisfaction. If you have a moment, our community management team would very much appreciate your feedback on your experience with this PR review process.

Your feedback is valuable to us as we continuously strive to improve our community developer experience. Please take a moment to complete our short survey by clicking on the following link: https://cloud.nextcloud.com/apps/forms/s/i9Ago4EQRZ7TWxjfmeEpPkf6

Thank you for contributing to Nextcloud and we hope to hear from you soon!

(If you believe you should not receive this message, you can add yourself to the blocklist.)