Skip to content

fix: GitHub theme and catalog view padding gaps - #93

Merged
johnnyhuy merged 5 commits into
mainfrom
onboarding-templates-flow
Aug 18, 2026
Merged

fix: GitHub theme and catalog view padding gaps#93
johnnyhuy merged 5 commits into
mainfrom
onboarding-templates-flow

Conversation

@johnnyhuy

Copy link
Copy Markdown
Contributor

Replays the contents of PR #91 against the current main (license commit now landed). Brings in the v5-MuiGrid CSS workaround, GitHub theme MuiGrid/MuiTypography/MuiCard overrides, EntityPage padding tweaks, and the Dockerfile + grid-fix.css files needed to fix card-spurious-touching across the homepage and catalog pages.

Closes#91 (reopened, since the original PR branch was never merged into main).

Diff vs main: 6 files, +107 / -41. Includes the upstream Docker build fix (6614775) which both this branch and PR #91 share as base.

- Add MISE_PYTHON_GITHUB_ATTESTATIONS=false to Dockerfile (both build
and run stages) to bypass mise Python 3.10.12 attestation failures
in mise 2026.5.16+
- Copy .yarn/plugins/ and backstage.json before yarn install in build
stage - the Backstage Yarn plugin requires these to resolve
backstage:^ version ranges
- Remove yarn tsc from Dockerfile - type checking is already covered
by backstage-cli repo lint in CI
- Copy .yarn/plugins/ and backstage.json before yarn workspaces focus
in run stage for the same reason
- Run mise install locally to rebuild native modules (better-sqlite3,
isolated-vm, cpu-features) for Node 22 ABI
- Fix GitHub Light/Dark themes missing text colors and component overrides
- Import styles.css into GitHub theme package
- Add MuiGrid, MuiTypography, MuiCard overrides to GitHub themes
- Remove negative marginBottom from catalog Grid items
- Add consistent spacing={2} to all catalog Grid containers
- Increase default theme MuiGrid padding from .5rem to 1rem
- Fix missing item prop on nested Grid in apiPage
- Remove MuiGrid overrides from both default and GitHub themes
The overrides broke MUI's spacing prop by zeroing out item padding
- Add global CSS fix for Backstage's v5-MuiGrid class name prefix
Backstage's UnifiedThemeProvider adds 'v5-' prefix to MUI classes,
but Grid's internal CSS still targets .MuiGrid-item selectors.
This mismatch caused all Grid items to have 0 padding, making
cards touch each other across all pages.
- Import grid-fix.css in index.tsx so it applies globally
@johnnyhuy
johnnyhuy enabled auto-merge (squash) August 18, 2026 12:29
@johnnyhuy
johnnyhuy merged commit 31171a1 into mainAug 18, 2026
5 checks passed
@johnnyhuy
johnnyhuy deleted the onboarding-templates-flow branch August 18, 2026 12:36
Sign up for freeto 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.

1 participant

@johnnyhuy