Skip to content

Use help text toggle instead of tooltip in alert action select#3466

Merged
lunkwill42 merged 2 commits intomasterfrom
feat/replace-foundation-tooltip-in-status-tool
Aug 29, 2025
Merged

Use help text toggle instead of tooltip in alert action select#3466
lunkwill42 merged 2 commits intomasterfrom
feat/replace-foundation-tooltip-in-status-tool

Conversation

@Simrayz
Copy link
Copy Markdown
Contributor

@Simrayz Simrayz commented Aug 26, 2025

Scope and purpose

Fixes #3463 by replacing the foundation tooltip with a toggleable help text section.

This change is both part of the meta issue #2972 and a general UX improvement.

Screenshots

Before
See #3463 for before pictures and a video of the flickering behaviour of the tooltip.

After (Help text hidden)
image

After (Help text visible)
image

Contributor Checklist

  • Added a changelog fragment for towncrier
  • Added/amended tests for new/changed code
  • Linted/formatted the code with ruff, easiest by using pre-commit
  • The first line of the commit message continues the sentence "If applied, this commit will ...", starts with a capital letter, does not end with punctuation and is 50 characters or less long. See https://cbea.ms/git-commit/
  • This pull request is based on the correct upstream branch: For a patch/bugfix affecting the latest stable version, it should be based on that version's branch (<major>.<minor>.x). For a new feature or other additions, it should be based on master.
  • If this results in changes in the UI: Added screenshots of the before and after
    (https://nav.readthedocs.io/en/latest/hacking/hacking.html#python-boilerplate-headers) to that file

@Simrayz Simrayz force-pushed the feat/replace-foundation-tooltip-in-status-tool branch from f47b966 to a989f7d Compare August 26, 2025 13:24
@github-actions
Copy link
Copy Markdown

github-actions bot commented Aug 26, 2025

Test results

   12 files     12 suites   11m 50s ⏱️
2 366 tests 2 366 ✅ 0 💤 0 ❌
6 633 runs  6 633 ✅ 0 💤 0 ❌

Results for commit 7d7572a.

♻️ This comment has been updated with latest results.

@codecov
Copy link
Copy Markdown

codecov bot commented Aug 26, 2025

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 61.04%. Comparing base (b1ccdd3) to head (7d7572a).
⚠️ Report is 394 commits behind head on master.

Additional details and impacted files
@@            Coverage Diff             @@
##           master    #3466      +/-   ##
==========================================
+ Coverage   61.02%   61.04%   +0.02%     
==========================================
  Files         610      610              
  Lines       44707    44708       +1     
  Branches       43       43              
==========================================
+ Hits        27282    27294      +12     
+ Misses      17415    17404      -11     
  Partials       10       10              

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

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Definite improvement! Much easier to update the text later.

Copy link
Copy Markdown
Contributor

@hmpf hmpf left a comment

Choose a reason for hiding this comment

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

I like this, we just have to agree on colors and curves.

@johannaengland johannaengland requested a review from hmpf August 29, 2025 06:45
Copy link
Copy Markdown
Contributor

@johannaengland johannaengland left a comment

Choose a reason for hiding this comment

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

I'm not sure if this is related to this PR, or if this is another issue, but when I get close to the dropdown, but not on it yet, my cursor makes it look like it's clickable, but nothing happens when I click there

image

And I don't know if this is just me, but the help text looks differently than in the screenshots:

image

@sonarqubecloud
Copy link
Copy Markdown

@Simrayz
Copy link
Copy Markdown
Contributor Author

Simrayz commented Aug 29, 2025

@johannaengland When using a label with for="<some ID>", it gets a pointer cursor, and the click adds focus to the input. The styles should be there, have you tried hard refreshing? #shakesfistatcache

@johannaengland
Copy link
Copy Markdown
Contributor

The styles should be there, have you tried hard refreshing? #shakesfistatcache

Of course that was the problem, all there now! 🙄 thanks for the tip!

Copy link
Copy Markdown
Contributor

@johannaengland johannaengland left a comment

Choose a reason for hiding this comment

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

I really like this. I think it looks clean and is very functional.

I'm just waiting for our meeting about style before giving my explicit approval

@Simrayz Simrayz added the discussion Requires developer feedback/discussion before implementation label Aug 29, 2025
@lunkwill42 lunkwill42 merged commit ddcb327 into master Aug 29, 2025
18 checks passed
@lunkwill42 lunkwill42 deleted the feat/replace-foundation-tooltip-in-status-tool branch August 29, 2025 14:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

cleanup discussion Requires developer feedback/discussion before implementation javascript modernisation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Replace buggy Select action tooltip in Status tool

4 participants