Skip to content

fix: add tooltips and improve toolbar UI#45

Merged
patrickoleary merged 3 commits intoKitware:masterfrom
patrickoleary:ui/tooltip-fix-and-toggle-outline
Apr 16, 2026
Merged

fix: add tooltips and improve toolbar UI#45
patrickoleary merged 3 commits intoKitware:masterfrom
patrickoleary:ui/tooltip-fix-and-toggle-outline

Conversation

@patrickoleary
Copy link
Copy Markdown
Member

@patrickoleary patrickoleary commented Apr 14, 2026

  • Add tooltips to file browser buttons
  • Add slider/text-input toggle to DataSelection toolbar
  • Style hotkey badges with rounded borders
  • Add primary outline to active drawer toggle buttons
  • Fix tooltips for color config card

Addresses #44

- Add tooltips to file browser buttons
- Add slider/text-input toggle to DataSelection toolbar
- Style hotkey badges with rounded borders
- Add primary outline to active drawer toggle buttons
- Fix tooltips for color config card

Resolves Kitware#44
"[track, Number($event)]",
),
key=("track + '_' + t_idx",),
min=0,
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

min=[0],

Comment thread src/e3sm_quickview/components/view.py Outdated
v3.VIconBtn(
raw_attrs=[
'''v-tooltip:bottom="config.color_blind ? 'Colorblind safe presets' : 'All color presets'"'''
'''v-tooltip:bottom="config.color_blind ? 'Toggle for all color presets' : 'Toggle for colorblind safe color presets'"'''
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

I think the latest vuetify that is available should now support v_tooltip_bottom="..." directly. No need to do it via a raw_attrs.

That also mean that all your nested structure could possibly be simplified with only on v_tooltip="..." directive.

Comment thread src/e3sm_quickview/components/view.py Outdated
v3.VIconBtn(
raw_attrs=[
'''v-tooltip:bottom="config.invert ? 'Inverted preset' : 'Normal preset'"'''
'''v-tooltip:bottom="config.invert ? 'Toggle to normal preset' : 'Toggle to inverted preset'"'''
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

use v_tooltip_bottom="..."?

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

You may want to add a version constraint on trame-vuetify>=... in pyproject to ensure the tooltip directive works.

@jourdain
Copy link
Copy Markdown
Collaborator

Few comments but looks great otherwise!

min=0,
max=("t_values ? t_values.length - 1 : 0",),
min=[0],
max=[("t_values ? t_values.length - 1 : 0")],
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Since you are using [], you can remove the useless ()

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Either you do [...] or (... ,) but not [(...)]

@jourdain
Copy link
Copy Markdown
Collaborator

jourdain commented Apr 16, 2026

All good otherwise, feel free to merge it.

@patrickoleary patrickoleary merged commit 79c0c03 into Kitware:master Apr 16, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants