Feat/color axis and size of the font explorers#690
Open
Felipedino wants to merge 3 commits into
Open
Conversation
…AxisForm, and YAxisForm
Contributor
There was a problem hiding this comment.
Pull request overview
This PR enhances DashAI’s plot layout customization UI in the notebook explorer by adding new font-size controls for axis ticks and expanding colorbar customization to work both for per-trace colorbars and shared layout.coloraxis colorbars.
Changes:
- Added X/Y axis tick font size controls to the axis layout forms.
- Improved heatmap colorbar customization by supporting colorbars defined either on the trace or on
layout.coloraxis, and added tick font color/size controls. - Updated i18n locale strings across all supported languages for the new labels.
Reviewed changes
Copilot reviewed 8 out of 8 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
| DashAI/front/src/components/notebooks/explorer/plotLayout/forms/XAxisForm.jsx | Adds a numeric control for X-axis tick font size. |
| DashAI/front/src/components/notebooks/explorer/plotLayout/forms/YAxisForm.jsx | Adds a numeric control for Y-axis tick font size. |
| DashAI/front/src/components/notebooks/explorer/plotLayout/forms/TraceForm.jsx | Adds/extends colorbar controls and supports colorbar config coming from layout.coloraxis when traces reference a shared coloraxis. |
| DashAI/front/src/utils/i18n/locales/en/datasets.json | Adds translation keys for axis tick font size and colorbar tick font color/size. |
| DashAI/front/src/utils/i18n/locales/de/datasets.json | Adds translation keys for axis tick font size and colorbar tick font color/size. |
| DashAI/front/src/utils/i18n/locales/es/datasets.json | Adds translation keys for axis tick font size and colorbar tick font color/size. |
| DashAI/front/src/utils/i18n/locales/pt/datasets.json | Adds translation keys for axis tick font size and colorbar tick font color/size. |
| DashAI/front/src/utils/i18n/locales/zh/datasets.json | Adds translation keys for axis tick font size and colorbar tick font color/size. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request enhances the plot layout forms in the DashAI frontend by adding new controls for customizing tick font size for both axes and colorbars, as well as improving support for colorbar customization across different heatmap types. It also updates translations to support these new features in all supported languages.
Plot customization improvements:
XAxisForm.jsxandYAxisForm.jsx. [1] [2]TraceForm.jsxby:Internationalization updates: