[PR #7032] [MERGED] docs: add gradient mask image for TOCScrollArea #32638

Closed
opened 2026-04-17 23:23:55 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/better-auth/better-auth/pull/7032
Author: @bytaesu
Created: 12/27/2025
Status: Merged
Merged: 12/30/2025
Merged by: @himself65

Base: canaryHead: 2025-12-28/docs/toc-mask-image


📝 Commits (1)

  • ba30317 docs: add gradient mask image for TOCScrollArea

📊 Changes

1 file changed (+53 additions, -0 deletions)

View changed files

📝 docs/components/docs/layout/toc.tsx (+53 -0)

📄 Description

https://github.com/user-attachments/assets/04ac02c8-3e04-481e-8717-1202273708e8


Summary by cubic

Adds a dynamic gradient mask to the TOC scroll area to fade the top/bottom edges based on scroll position. Improves readability and clearly indicates when more content is available.

  • New Features
    • Tracks top/bottom scroll state and computes maskImage via useMemo.
    • Updates on scroll and resize (passive listener + ResizeObserver).
    • Applies mask-image and -webkit-mask-image for cross-browser support.

Written for commit ba303175cc. Summary will update automatically on new commits.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/better-auth/better-auth/pull/7032 **Author:** [@bytaesu](https://github.com/bytaesu) **Created:** 12/27/2025 **Status:** ✅ Merged **Merged:** 12/30/2025 **Merged by:** [@himself65](https://github.com/himself65) **Base:** `canary` ← **Head:** `2025-12-28/docs/toc-mask-image` --- ### 📝 Commits (1) - [`ba30317`](https://github.com/better-auth/better-auth/commit/ba303175cc24d2722d53e02f6a649cb4e2b98983) docs: add gradient mask image for TOCScrollArea ### 📊 Changes **1 file changed** (+53 additions, -0 deletions) <details> <summary>View changed files</summary> 📝 `docs/components/docs/layout/toc.tsx` (+53 -0) </details> ### 📄 Description https://github.com/user-attachments/assets/04ac02c8-3e04-481e-8717-1202273708e8 <!-- This is an auto-generated description by cubic. --> --- ## Summary by cubic Adds a dynamic gradient mask to the TOC scroll area to fade the top/bottom edges based on scroll position. Improves readability and clearly indicates when more content is available. - **New Features** - Tracks top/bottom scroll state and computes maskImage via useMemo. - Updates on scroll and resize (passive listener + ResizeObserver). - Applies mask-image and -webkit-mask-image for cross-browser support. <sup>Written for commit ba303175cc24d2722d53e02f6a649cb4e2b98983. Summary will update automatically on new commits.</sup> <!-- End of auto-generated description by cubic. --> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-17 23:23:55 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/better-auth#32638