Skip to content
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

Tweak "Web Interface - API" settings page #3044

Merged
merged 2 commits into from
Jun 5, 2024

Conversation

rdwebdesign
Copy link
Member

What does this PR aim to accomplish?

Currently the temperature options are inside the "Advanced Settings" box.

Also, when you toggle between "Basic" and "Expert" views, "Expert" boxes appears before the "Basic" ones, causing a layout shift or jump.

How does this PR accomplish the above?

  • Move temperature options to the Theme box, as they are not advanced options;
  • Use full width for "Exclusions" box;
  • Reorder the boxes to minimize layout shift.

web_settings

Link documentation PRs if any are needed to support this PR:

none


By submitting this pull request, I confirm the following:

  1. I have read and understood the contributors guide, as well as this entire template. I understand which branch to base my commits and Pull Requests against.
  2. I have commented my proposed changes within the code and I have tested my changes.
  3. I am willing to help maintain this change if there are issues with it later.
  4. It is compatible with the EUPL 1.2 license
  5. I have squashed any insignificant commits. (git rebase)
  6. I have checked that another pull request for this purpose does not exist.
  7. I have considered, and confirmed that this submission will be valuable to others.
  8. I accept that this submission may not be used, and the pull request closed at the will of the maintainer.
  9. I give this submission freely, and claim no ownership to its content.

  • I have read the above and my PR is ready for review. Check this box to confirm

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
…ons)

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
@rdwebdesign rdwebdesign requested a review from a team June 5, 2024 18:38
@PromoFaux
Copy link
Member

This might just be my taste, but the gap under the first box when toggling to expert settings looks a bit... off. However it is a marked improvement on the current layout shift that happens when toggling currently...

image

@rdwebdesign
Copy link
Member Author

Without my changes the issue is the same (but it's on the right side):

image

This happens because the theme uses floated boxes (Boostrap 3).
When 2 floated boxes have different heights (almost every time) you will see this "gap".

Look at the DHCP page (not touched on this PR). There is a lot bigger gap.

Copy link
Member

@PromoFaux PromoFaux left a comment

Choose a reason for hiding this comment

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

Approved. My only gripe has been explained away :)

@PromoFaux PromoFaux merged commit d144960 into development-v6 Jun 5, 2024
7 checks passed
@PromoFaux PromoFaux deleted the tweak/settings_web branch June 5, 2024 20:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants