Skip to content

ui: minor updates in button icons, tooltips, and landing page #95

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.

Sign up for GitHub

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

Open
huiwanpnnl wants to merge 2 commits into
base: master
Choose a base branch
from
Open

ui: minor updates in button icons, tooltips, and landing page #95

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d01b3b3
ui: revise 2 icons and 1 tooltip
huiwanpnnl May 6, 2026
783cab7
ui: minor wording updates on landing page; add reminder of shortcut f…
huiwanpnnl May 6, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 22 additions & 22 deletions src/e3sm_quickview/components/doc.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ def __init__(self):
icon="mdi-list-status",
title="Variable selection",
description="""
Select the variables to visualize. You need to load files prior any variable selection.
Select the variables to visualize. You need to load files prior to any variable selection.
""",
)
with self, v3.Template(v_slot_append=True):
Expand All @@ -49,7 +49,7 @@ def __init__(self):
super().__init__(
icon="mdi-fit-to-page-outline",
title="Auto zoom",
description="Recenter the visualizations to the full data.",
description="Reset size of the visualizations to fit the individual views.",
)
with self, v3.Template(v_slot_append=True):
v3.VHotkey(keys="z", variant="contained", inline=True)
Expand All @@ -60,7 +60,7 @@ def __init__(self):
super().__init__(
icon="mdi-folder-arrow-left-right-outline",
title="State export/import",
description="Export and download the application state into a small text file. The same file can then be uploaded and imported to restore that application state.",
description="Export and download the application state into a small text file (.json). The same file can then be uploaded and imported to restore that application state.",
)
with self, v3.Template(v_slot_append=True):
v3.VHotkey(keys="e", variant="contained", inline=True)
Expand All @@ -72,7 +72,7 @@ def __init__(self):
super().__init__(
icon="mdi-earth",
title="Map Projection",
description="Select projection to use for the visualizations. (Cylindrical Equidistant, Robinson, Mollweide)",
description="Select projection to use for the visualizations: cylindrical equidistant, Robinson, Mollweide.",
)
with self, v3.Template(v_slot_append=True):
v3.VHotkey(keys="c", variant="contained", inline=True)
Expand All @@ -85,7 +85,7 @@ def __init__(self):
super().__init__(
icon="mdi-view-module",
title="Viewport layout",
description="Toggle viewport layout toolbar for adjusting aspect-ratio, width and grouping options.",
description="Toggle viewport layout control panel for adjusting aspect ratio, view size/center, and grouping options.",
)
with self, v3.Template(v_slot_append=True):
v3.VHotkey(keys="p", variant="contained", inline=True)
Expand All @@ -96,7 +96,7 @@ def __init__(self):
super().__init__(
icon="mdi-web",
title="Lat/Lon cropping",
description="Toggle cropping toolbar for adjusting spacial bounds.",
description="Toggle control panel for cropping a lat-lon box from the globe.",
)
with self, v3.Template(v_slot_append=True):
v3.VHotkey(keys="l", variant="contained", inline=True)
Expand All @@ -107,7 +107,7 @@ def __init__(self):
super().__init__(
icon="mdi-tune-variant",
title="Slice selection",
description="Toggle data selection toolbar for selecting a given layer, midpoint or time.",
description="Toggle slice selection panel for selecting data slices from multi-dimensional data arrays.",
)
with self, v3.Template(v_slot_append=True):
v3.VHotkey(keys="s", variant="contained", inline=True)
Expand All @@ -118,7 +118,7 @@ def __init__(self):
super().__init__(
icon="mdi-video",
title="Animation controls",
description="Toggle animation toolbar.",
description="Toggle animation control panel.",
)
with self, v3.Template(v_slot_append=True):
v3.VHotkey(keys="a", variant="contained", inline=True)
Expand Down Expand Up @@ -227,7 +227,7 @@ def __init__(self):
with v3.VRow():
with v3.VCol(cols=6):
with v3.VRow(classes="ma-0 pb-4"):
v3.VLabel("Toggle help")
v3.VLabel("Toggle help for main toolbar")
v3.VSpacer()
v3.VHotkey(keys="h", variant="contained", inline=True)

Expand All @@ -236,15 +236,15 @@ def __init__(self):
v3.VSpacer()
v3.VHotkey(keys="z", variant="contained", inline=True)

with v3.VRow(classes="ma-0 pb-4"):
v3.VLabel("Toggle view interaction lock")
v3.VSpacer()
v3.VHotkey(keys="space", variant="contained", inline=True)
# with v3.VRow(classes="ma-0 pb-4"):
# v3.VLabel("Toggle view interaction lock")
# v3.VSpacer()
# v3.VHotkey(keys="space", variant="contained", inline=True)

v3.VDivider(classes="mb-4")

with v3.VRow(classes="ma-0 pb-4"):
v3.VLabel("File Open")
v3.VLabel("File loading")
v3.VSpacer(classes="mt-2")
v3.VHotkey(keys="f", variant="contained", inline=True)

Expand All @@ -261,38 +261,38 @@ def __init__(self):
v3.VDivider(classes="mb-4")

with v3.VRow(classes="ma-0 pb-4"):
v3.VLabel("Toggle viewport layout toolbar")
v3.VLabel("Toggle viewport layout control panel")
v3.VSpacer(classes="mt-2")
v3.VHotkey(keys="p", variant="contained", inline=True)
with v3.VRow(classes="ma-0 pb-4"):
v3.VLabel("Toggle Lat/Lon cropping toolbar")
v3.VLabel("Toggle lat/lon cropping panel")
v3.VSpacer()
v3.VHotkey(keys="l", variant="contained", inline=True)
with v3.VRow(classes="ma-0 pb-4"):
v3.VLabel("Toggle Slice selection toolbar")
v3.VLabel("Toggle slice selection panel")
v3.VSpacer()
v3.VHotkey(keys="s", variant="contained", inline=True)
with v3.VRow(classes="ma-0 pb-4"):
v3.VLabel("Toggle Animation controls toolbar")
v3.VLabel("Toggle animation control panel")
v3.VSpacer()
v3.VHotkey(keys="a", variant="contained", inline=True)

v3.VDivider(classes="mb-4")

with v3.VRow(classes="ma-0 pb-4"):
v3.VLabel("Toggle group layout")
v3.VLabel("Toggle grouped layout in viewport")
v3.VSpacer()
v3.VHotkey(keys="g", variant="contained", inline=True)

with v3.VRow(classes="ma-0 pb-4"):
v3.VLabel("Toggle variable selection drawer")
v3.VLabel("Toggle variable selection panel")
v3.VSpacer()
v3.VHotkey(keys="v", variant="contained", inline=True)

v3.VDivider(classes="mb-4")

with v3.VRow(classes="ma-0 pb-4"):
v3.VLabel("Disable all toolbars and drawers")
v3.VLabel("Disable all toolbars and control panels")
v3.VSpacer()
v3.VHotkey(keys="esc", variant="contained", inline=True)

Expand All @@ -314,7 +314,7 @@ def __init__(self):
v3.VDivider(classes="my-4")

with v3.VRow(classes="ma-0 pb-2"):
v3.VLabel("Apply size")
v3.VLabel("Change column arrangement in viewport")

with v3.VList(density="compact", classes="pa-0 ma-0"):
with v3.VListItem(subtitle="Auto flow"):
Expand Down
6 changes: 3 additions & 3 deletions src/e3sm_quickview/components/toolbars.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -95,7 +95,7 @@ def __init__(
):
v3.VIconBtn(
v_tooltip_bottom="'Toggle zoom controls'",
icon="mdi-magnify",
icon="mdi-magnify-plus-cursor",
flat=True,
click="show_zoom_controls = !show_zoom_controls; show_pan_controls = false; show_aspect_ratio = false",
color=("show_zoom_controls ? 'primary' : ''",),
Expand Down Expand Up @@ -131,7 +131,7 @@ def __init__(
):
v3.VIconBtn(
v_tooltip="'Toggle pan controls'",
icon="mdi-arrow-all",
icon="mdi-pan",
flat=True,
click="show_pan_controls = !show_pan_controls; show_zoom_controls = false; show_aspect_ratio = false",
color=("show_pan_controls ? 'primary' : ''",),
Expand Down Expand Up @@ -176,7 +176,7 @@ def __init__(

# --- Reset view ---
with v3.VBtn(
v_tooltip_bottom="'Reset view'",
v_tooltip_bottom="'Auto zoom to fit'",
flat=True,
click=reset_camera,
density="compact",
Expand Down
1 change: 1 addition & 0 deletions src/e3sm_quickview/components/tools.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -152,6 +152,7 @@ def __init__(self):
title="File loading",
icon="mdi-file-upload-outline",
value="load-data",
keybinding="f",
)


Expand Down
Loading