Skip to content

Consolidate blocks and remove unnecessary variants#1

Merged
kmurugulla merged 9 commits into
mainfrom
blocks-content
Jul 22, 2026
Merged

Consolidate blocks and remove unnecessary variants#1
kmurugulla merged 9 commits into
mainfrom
blocks-content

Conversation

@kmurugulla

Copy link
Copy Markdown
Contributor

Summary

  • Consolidate duplicate blocks into single blocks without variants
  • Remove variant class names (story, feature, banner) from blocks
  • Rename blocks: tabs-solutions → tabs, video-feature → video
  • Fix responsive layout with proper width constraints
  • Restore missing base styles to cards and columns blocks

Test plan

  • Hero block renders correctly without banner variant
  • Cards block displays in 2-column grid layout
  • Columns block (About AIG) centered and styled correctly
  • Tabs block renders with white panel on paleblue background
  • Video block renamed and working
  • All blocks render without console errors
  • Responsive layouts work on mobile and desktop

Before/After URLs

Before (main): https://main--aig--da-pilot.aem.page/
After (blocks-content): https://blocks-content--aig--da-pilot.aem.page/drafts/kiran/

🤖 Generated with Claude Code

kmurugulla and others added 8 commits July 22, 2026 10:37
- Changed header.js to load navigation from /nav instead of /content/nav
- Changed footer.js to load footer from /footer instead of /content/footer
- Added content/ directory to .gitignore (cloned from DA, not version controlled)

Content has been moved to /nav and /footer in DA and pushed successfully.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Merged duplicate blocks into proper EDS variant pattern:

- cards + cards-story → cards block with .story variant
- columns + columns-feature → columns block with .feature variant
- hero + hero-banner → hero block with .banner variant

Each base block now handles multiple variants via CSS classes.
Duplicate folders (cards-story, columns-feature, hero-banner) should be deleted.

Block usage in content should be updated:
- Cards-Story → Cards (story)
- Columns-Feature → Columns (feature)
- Hero-Banner → Hero (banner)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Remove banner variant, make it the default hero style
- Banner was the only style in use, no need for variant yet
- Update documentation to reflect single style
- Follow EDS best practice: don't create variants until needed

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Delete consolidated block folders (cards-story, columns-feature, hero-banner)
- Rename tabs-solutions → tabs
- Rename video-feature → video
- Update all class references in video block CSS and JS
- Add draft test file at drafts/kiran/index.html

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Remove story variant from cards, make it the default style
- Remove feature variant from columns, make it the default style
- Fix tabs block class names (tabs-solutions → tabs)
- All blocks now use simple class names without variants

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
When removing variants, accidentally removed all base CSS including
critical layout properties. This restores the essential base styles:

- cards: list-style, margin, padding, display grid
- columns: flexbox layout, order properties, responsive rules

Also removes the now-unused variant block folders.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Change tabs panel max-width from 930px to 66% for better responsiveness
- Remove variant class names (story, feature) from draft content
- Blocks now use default styles without variant modifiers

Matches production styling with responsive width constraints.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@aem-code-sync

aem-code-sync Bot commented Jul 22, 2026

Copy link
Copy Markdown

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run all PSI checks
  • Re-run failed PSI checks
  • Re-sync branch
Commits

@aem-code-sync

aem-code-sync Bot commented Jul 22, 2026

Copy link
Copy Markdown
Page Scores Audits Google
📱 /drafts/kiran/ PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI
🖥️ /drafts/kiran/ PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

- Use template literals instead of string concatenation
- All eslint errors resolved, only console warnings remain

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@kmurugulla
kmurugulla merged commit 88cfb9f into main Jul 22, 2026
2 checks passed
Sign up for free to 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