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

Make bottom links in postgres examples clickable #866

Open
wants to merge 8 commits into
base: main
Choose a base branch
from

Conversation

nsylv
Copy link

@nsylv nsylv commented Feb 7, 2024

Description

Makes the nav items on the bottom of the postgres examples clickable

Screenshot 2024-02-06 at 9 35 13 PM

To repro, check out the example demo (seen here) and try to click on one of the links (e.g. "Prisma"). Note: the window needs to be short enough that these nav items are in line with the footer

What These Changes Do

Before these links were showing up behind the footer, so this change sets their z-index to 10 in order to have them render on top

image

It also removes the w-full style so the opposite problem (e.g. the other example links covering the footer) does not happen

image

On mobile, there isn't overlap

image

Demo URL

Type of Change

  • New Example
  • Example updates (Bug fixes, new features, etc.)
  • Other (changes to the codebase, but not to examples)

Copy link

vercel bot commented Feb 7, 2024

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

Name Status Preview Comments Updated (UTC)
app-dir-css-in-js ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
app-dir-i18n ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
app-dir-share-state ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
edge-api-routes-cache-control ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
edge-api-routes-hello-world ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
edge-api-routes-json-response ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
edge-api-routes-query-parameters ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
edge-functions-authed-proxy ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
edge-functions-cookies ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
edge-functions-news ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
edge-functions-streams ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
edge-geolocation-country-block ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
edge-middleware-modify-request-header ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
edge-user-agent-based-rendering ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
example-auth-with-ory ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
example-reduce-image-bandwidth-usage ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
examples ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
geolocation-script ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
i18n ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
next-edge-api-route-hello-world ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
next-flask ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
nodejs-api ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
redirect-with-fallback ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
redirects-bloom-filter ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
solutions-combining-data-fetching-strategies ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
solutions-image-fallback ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
solutions-image-offset ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
solutions-loading-web-fonts ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
solutions-microfrontends ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
solutions-microfrontends-docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
solutions-pagination-with-ssg ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
solutions-reuse-responses ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
solutions-script-component-ad ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
solutions-script-component-strategies ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
solutions-testing ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 7, 2024 3:56am
wasm-rust-hello-world ❌ Failed (Inspect) Feb 7, 2024 3:56am
wasm-rust-xor ❌ Failed (Inspect) Feb 7, 2024 3:56am

Copy link

vercel bot commented Feb 7, 2024

@nsylv is attempting to deploy a commit to the Vercel Examples Team on Vercel.

A member of the Team first needs to authorize it.

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.

None yet

1 participant