Skip to content
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.

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

fix: button for outline on small screens #9965

Closed
wants to merge 5 commits into from

Conversation

brynpttrsn
Copy link
Contributor

@brynpttrsn brynpttrsn commented Nov 14, 2023

Please describe the changes this PR makes and why it should be merged:

Adds button in header to expand table of contents on smaller screens.

Status and versioning classification:

  • This PR only includes non-code changes, like changes to documentation, README, etc.

Copy link

vercel bot commented Nov 14, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
discord-js ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 28, 2023 0:17am
1 Ignored Deployment
Name Status Preview Comments Updated (UTC)
discord-js-guide ⬜️ Ignored (Inspect) Visit Preview Nov 28, 2023 0:17am

Copy link

codecov bot commented Nov 14, 2023

Codecov Report

Attention: 40 lines in your changes are missing coverage. Please review.

Comparison is base (ae58053) 59.01% compared to head (602fda5) 58.62%.
Report is 79 commits behind head on main.

Files Patch % Lines
apps/website/src/components/Outline.tsx 0.00% 22 Missing ⚠️
...pps/website/src/components/TableOfContentItems.tsx 0.00% 7 Missing ⚠️
apps/website/src/components/Header.tsx 0.00% 6 Missing ⚠️
apps/website/src/contexts/outline.tsx 0.00% 5 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main    #9965      +/-   ##
==========================================
- Coverage   59.01%   58.62%   -0.40%     
==========================================
  Files         241      240       -1     
  Lines       16968    17049      +81     
  Branches     1241     1240       -1     
==========================================
- Hits        10014     9995      -19     
- Misses       6909     7009     +100     
  Partials       45       45              
Flag Coverage Δ
website 0.00% <0.00%> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

apps/website/src/components/Header.tsx Outdated Show resolved Hide resolved
apps/website/src/components/TableOfContentItems.tsx Outdated Show resolved Hide resolved
apps/website/src/components/TableOfContentItems.tsx Outdated Show resolved Hide resolved
apps/website/src/components/TableOfContentItems.tsx Outdated Show resolved Hide resolved
apps/website/src/components/Header.tsx Outdated Show resolved Hide resolved
Comment on lines 21 to 23
className={`fixed block bottom-4 top-22 z-20 mx-auto max-w-5xl border border-light-900 rounded-md bg-white/75 shadow backdrop-blur-md transition-all duration-300 ${
opened ? 'left-4 right-4 ' : 'left-full -right-[calc(100vw_-_32px)]'
} lg:sticky lg:block lg:h-full lg:max-w-xs lg:min-w-xs lg:w-full dark:border-dark-100 dark:bg-dark-600/75`}
Copy link
Member

Choose a reason for hiding this comment

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

This doesn't make any sense.

block and lg:block are both applied at the same time here basically, you also removed the hidden class if its not opened.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

4 participants