Skip to content

Standardize panel borders across modules using theme divider#587

Merged
cristian-tamblay merged 4 commits into
developfrom
style/border-color
May 4, 2026
Merged

Standardize panel borders across modules using theme divider#587
cristian-tamblay merged 4 commits into
developfrom
style/border-color

Conversation

@Irozuku
Copy link
Copy Markdown
Collaborator

@Irozuku Irozuku commented Apr 29, 2026

Summary

Standardized panel border colors across the application by updating shared layout components to use the theme’s divider color. This aligns the visual styling of all module content areas with the Home page.

Before

image

After

image

Type of Change

Check all that apply like this [x]:

  • Backend change
  • Frontend change
  • CI / Workflow change
  • Build / Packaging change
  • Bug fix
  • Documentation

Changes (by file)

  • components/layout/ThreeSectionLayout.jsx: Updated shared layout containers (SideBar and CenterBox) to use theme.palette.divider for borders.
  • components/notebook/LeftPanel.jsx: Removed hardcoded border styling to rely on shared theme-based styling.
  • components/notebook/RightPanel.jsx: Removed redundant border styles for cleaner and more consistent panel appearance.
  • components/datasets/DataloaderConfigBar.jsx: Refactored to use the shared SideBar component and updated header border styling to use the theme divider color.

Testing (optional)

  • Verify that panel borders across all modules match the Home page styling.
  • Confirm border appearance remains consistent in both light and dark themes.
  • Ensure notebook panels, sidebars, and dataloader configuration panels render correctly without layout regressions.

Notes (optional)

This change is purely visual and focuses on unifying the application's panel styling by centralizing border definitions in shared layout components.

@Irozuku Irozuku added the front Frontend work label Apr 29, 2026
@cristian-tamblay cristian-tamblay merged commit 91d6ffc into develop May 4, 2026
19 checks passed
@cristian-tamblay cristian-tamblay deleted the style/border-color branch May 4, 2026 13:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

front Frontend work

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants