Skip to content

style: align sidebar padding and polish header/sidebar typography#29172

Merged
MohamedH1998 merged 1 commit intoproductionfrom
style/sidebar-alignment-fixes
Mar 20, 2026
Merged

style: align sidebar padding and polish header/sidebar typography#29172
MohamedH1998 merged 1 commit intoproductionfrom
style/sidebar-alignment-fixes

Conversation

@MohamedH1998
Copy link
Contributor

@MohamedH1998 MohamedH1998 commented Mar 20, 2026

Summary

  • Increase sidebar content padding on all sides to match the header's
    left-edge reference point (1.5rem), with top adjusted to account for
    the sticky title section's existing bottom padding so the total visual
    gap is consistent
  • Remove extra left padding from the sidebar product title wrapper so
    the icon aligns flush with the nav items below
  • Replace <strong> on the product title with font-semibold (600)
    and switch font size from text-xl to text-lg (1.125rem) to match
    the "Cloudflare docs" header title weight and size
  • Update icon-to-title gap from gap-1 to gap-2 to match the header's
    0.5rem gap between the cloud logo and site title
  • Soften the "Log in" button from a solid brand-orange fill to a subtle
    neutral fill using --color-header-fill, reducing visual weight while
    keeping it distinct from nav links

Screenshots (optional)

Before
Screenshot 2026-03-20 at 16 59 48
Screenshot 2026-03-20 at 17 00 05

After
Screenshot 2026-03-20 at 16 59 40
Screenshot 2026-03-20 at 17 00 12

Documentation checklist

@MohamedH1998 MohamedH1998 marked this pull request as ready for review March 20, 2026 17:03
@MohamedH1998 MohamedH1998 requested review from a team and kodster28 as code owners March 20, 2026 17:03
@github-actions
Copy link
Contributor

This pull request requires reviews from CODEOWNERS as it changes files that match the following patterns:

Pattern Owners
*.astro @cloudflare/content-engineering, @kodster28
* @cloudflare/pcx-technical-writing

@MohamedH1998
Copy link
Contributor Author

/bonk please review

@github-actions
Copy link
Contributor

@MohamedH1998 MohamedH1998 merged commit a1752ff into production Mar 20, 2026
17 checks passed
@MohamedH1998 MohamedH1998 deleted the style/sidebar-alignment-fixes branch March 20, 2026 18:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants