Skip to content

docs: fix homepage title duplication and disable glow animation on mobile for all themes #22675

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pelikhan merged 2 commits into from
Mar 24, 2026
Merged

docs: fix homepage title duplication and disable glow animation on mobile for all themes #22675

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c9ee8da
Initial plan
Copilot Mar 24, 2026
e545bb5
fix: homepage title duplication and mobile glow animation for dark theme
Copilot Mar 24, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/src/content/docs/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: GitHub Agentic Workflows
title: Home
Copy link

Copilot AI Mar 24, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changing the homepage title to Home fixes the duplicated document title, but it also changes how docs/src/components/CustomHead.astro detects the homepage (isHomePage = rawPageTitle === siteTitle). With title: Home, the homepage will now be treated as a non-home page and OG/twitter titles will become Home | GitHub Agentic Workflows instead of just the site title. Consider updating the home-page detection in CustomHead.astro (e.g., use the pathname) or adding an explicit frontmatter flag/value for the homepage OG title.

Copilot uses AI. Check for mistakes.
description: Write repository automation workflows in natural language using markdown files and run them as GitHub Actions. Use AI agents with strong guardrails to automate your development workflow.
template: splash
tableOfContents: true
Expand Down
2 changes: 1 addition & 1 deletion docs/src/styles/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1604,7 +1604,7 @@ main,
}

/* Disable heavy background animation on mobile to reduce CPU/battery usage */
:root[data-theme='light'] body::before {
body::before {
Copy link

Copilot AI Mar 24, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The mobile override body::before { animation: none; } is less specific than the light-theme rule :root[data-theme='light'] body::before { animation: light-glow-move ... }, so on mobile in light theme the animation will still win via specificity. To reliably disable the glow animation on mobile for all themes, use a selector with equal/higher specificity (e.g., :root[data-theme] body::before) or apply animation: none !important here.

Suggested change
body::before {
:root[data-theme] body::before {

Copilot uses AI. Check for mistakes.
animation: none;
}
}
Expand Down
Loading