Skip to content

[jp-sync] docs(grid): sync JP styling sections to match updated EN samples#343

Merged
ChronosSF merged 4 commits into
vnextfrom
jp-sync/update-grid-styling-samples-f8cb782332c66fdf
Jun 29, 2026
Merged

[jp-sync] docs(grid): sync JP styling sections to match updated EN samples#343
ChronosSF merged 4 commits into
vnextfrom
jp-sync/update-grid-styling-samples-f8cb782332c66fdf

Conversation

@github-actions

@github-actions github-actions Bot commented Jun 22, 2026

Copy link
Copy Markdown
Contributor

Original author: adrianptrv (adrianptrv@users.noreply.github.com)

Syncs Japanese documentation with changes from PR #336 (merged by simeonoff).

Changed files

English source Japanese counterpart
docs/angular/src/content/en/components/hierarchicalgrid/hierarchical-grid.mdx docs/angular/src/content/jp/components/hierarchicalgrid/hierarchical-grid.mdx
docs/angular/src/content/en/components/treegrid/tree-grid.mdx docs/angular/src/content/jp/components/treegrid/tree-grid.mdx
docs/angular/src/content/en/grids_templates/advanced-filtering.mdx docs/angular/src/content/jp/grids_templates/advanced-filtering.mdx
docs/angular/src/content/en/grids_templates/cell-editing.mdx docs/angular/src/content/jp/grids_templates/cell-editing.mdx
docs/angular/src/content/en/grids_templates/column-resizing.mdx docs/angular/src/content/jp/grids_templates/column-resizing.mdx
docs/angular/src/content/en/grids_templates/column-selection.mdx docs/angular/src/content/jp/grids_templates/column-selection.mdx
docs/angular/src/content/en/grids_templates/excel-style-filtering.mdx docs/angular/src/content/jp/grids_templates/excel-style-filtering.mdx
docs/angular/src/content/en/grids_templates/multi-column-headers.mdx docs/angular/src/content/jp/grids_templates/multi-column-headers.mdx
docs/angular/src/content/en/grids_templates/multi-row-layout.mdx docs/angular/src/content/jp/grids_templates/multi-row-layout.mdx
docs/angular/src/content/en/grids_templates/paging.mdx docs/angular/src/content/jp/grids_templates/paging.mdx
docs/angular/src/content/en/grids_templates/row-pinning.mdx docs/angular/src/content/jp/grids_templates/row-pinning.mdx
docs/angular/src/content/en/grids_templates/sorting.mdx docs/angular/src/content/jp/grids_templates/sorting.mdx
docs/angular/src/content/en/grids_templates/summaries.mdx docs/angular/src/content/jp/grids_templates/summaries.mdx
docs/angular/src/content/en/grids_templates/toolbar.mdx docs/angular/src/content/jp/grids_templates/toolbar.mdx

Summary

Updated SCSS code blocks in the Styling sections of all 14 Japanese files to match the simplified theming approach in the English source. No prose (Japanese text) was changed — only the code block content was updated to stay in sync with the English source.

components/ files

  • Replaced the old multi-property $custom-theme: grid-theme(...) block with a cleaner three-variable pattern ($background, $foreground, $accent) and a minimal $custom-grid: grid-theme(...).
  • Updated :host { @include tokens($custom-theme); }:host { @include tokens($custom-grid); } in both files.

grids_templates/ files

  • advanced-filtering: Replaced $header-foreground with $background/$foreground/$accent-color params; removed redundant full theme block.
  • cell-editing: Updated to $grid-theme with new params ($cell-editing-foreground, $cell-active-border-color); replaced @include grid(...) with ComponentBlock-scoped @include palette + @include tokens.
  • column-resizing: Wrapped existing Grid block in <ComponentBlock for="Grid"> and added TreeGrid and HierarchicalGrid blocks with distinct resize-line colors.
  • column-selection: Updated TreeGrid theme to new variable-based pattern; updated Grid/HierarchicalGrid theme with hsl() hover colors; added $row-selected-hover-text-color description.
  • excel-style-filtering: Replaced complex multi-component theme setup with simplified grid-theme using $background/$foreground/$accent-color; added excel-filtering-theme to API references.
  • multi-column-headers: Wrapped Grid block and added TreeGrid and HierarchicalGrid ComponentBlock sections with distinct header colors.
  • multi-row-layout: Added $cell-selected-text-color: #ffcd0f.
  • paging: Replaced old $dark-paginator + $dark-button approach with a single $paginator-theme using $foreground/$background/$border-color/$accent-color.
  • row-pinning: Added Grid, TreeGrid, and HierarchicalGrid ComponentBlock sections with distinct themes; updated the CSS variables section with per-component include blocks.
  • sorting: Wrapped Grid block in <ComponentBlock for="Grid, HierarchicalGrid"> and added a TreeGrid block with different sorted-header colors.
  • summaries: Replaced single block with Grid, TreeGrid, and HierarchicalGrid ComponentBlock sections with distinct color palettes.
  • toolbar: Replaced old multi-theme palette approach with a simplified $grid-toolbar-theme using $background/$border-color/$title-text-color/$item-hover-background.

Generated by Sync Japanese Documentation (Angular) · 974 AIC · ⌖ 17.9 AIC · ⊞ 28.5K ·

Updated SCSS code blocks in JP hierarchical grid and tree grid docs
to match the simplified styling approach used in the English source.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
norikois
norikois previously approved these changes Jun 23, 2026

@norikois norikois left a comment

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.

Simply approved because there are no changes in Japanese.

@ChronosSF

Copy link
Copy Markdown
Member

@copilot , can you also translate the grid_templates changes from pr #336

Copilot AI commented Jun 26, 2026

Copy link
Copy Markdown
Contributor

@copilot , can you also translate the grid_templates changes from pr #336

Done! Synced all 12 grids_templates/ files from PR #336 to their JP counterparts (commit docs(grid): sync JP grids_templates styling sections to match updated EN samples):

  • advanced-filtering – replaced $header-foreground with $background/$foreground/$accent-color params; removed redundant full theme block
  • cell-editing – updated theme variables ($grid-theme, added $cell-editing-foreground, $cell-active-border-color); replaced @include grid(...) with ComponentBlock-scoped @include palette(...) + @include tokens(...)
  • column-resizing – wrapped single Grid block in <ComponentBlock for="Grid"> and added TreeGrid (#dc38e8) and HierarchicalGrid (#07ea07) blocks
  • column-selection – updated TreeGrid theme to new variable-based pattern; updated Grid/HierarchicalGrid theme; added $row-selected-hover-text-color description
  • excel-style-filtering – replaced complex multi-component theme with simplified grid-theme using $background/$foreground/$accent-color; added excel-filtering-theme to API references
  • multi-column-headers – wrapped Grid block and added TreeGrid/HierarchicalGrid ComponentBlock sections with different colors
  • multi-row-layout – added $cell-selected-text-color: #ffcd0f
  • paging – replaced old $dark-paginator+$dark-button approach with $paginator-theme using $foreground/$background/$border-color/$accent-color
  • row-pinning – added ComponentBlock sections for Grid, TreeGrid, and HierarchicalGrid with distinct themes; updated CSS variables section to use separate blocks per component
  • sorting – wrapped Grid block in <ComponentBlock for="Grid, HierarchicalGrid"> and added TreeGrid block with different colors (#dc38e8/#5d1461)
  • summaries – replaced single block with Grid/TreeGrid/HierarchicalGrid ComponentBlock sections with distinct colors
  • toolbar – replaced old multi-theme palette approach with simplified $grid-toolbar-theme using $background/$border-color/$title-text-color/$item-hover-background

Copilot AI requested a review from ChronosSF June 26, 2026 11:51
@ChronosSF ChronosSF requested a review from norikois June 26, 2026 11:59
@ChronosSF

Copy link
Copy Markdown
Member

@norikois , sorry we had an issue with the automated translation workflow that we have since resolved . For this case I just asked copilot to add the translation outside of the automation. Could you please check it the latest changes?

@mkamiishi mkamiishi requested review from mkamiishi and norikois and removed request for norikois June 29, 2026 01:30
Refine phrasing for clarity in Japanese documentation.
It looks like this translation does not match the original text.
The original refers to styling the header title by extending query-builder-theme and setting the $header-foreground parameter, but the Japanese translation mentions $background, $foreground, and $accent-color instead.
Could we revise it to align with the original?

@mkamiishi mkamiishi left a comment

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.

Please see the correction and comments on docs/angular/src/content/jp/components/grids_templates/advanced-filtering.mdx

@ChronosSF ChronosSF merged commit 67e6b7d into vnext Jun 29, 2026
9 checks passed
@ChronosSF ChronosSF deleted the jp-sync/update-grid-styling-samples-f8cb782332c66fdf branch June 29, 2026 08:27
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.

5 participants