Skip to content

doc: increase z-index of header element #57851

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

Conversation

dario-piotrowicz
Copy link
Member

increase the z-index of the header element to make sure that opened pickers from it (such as the node verion picker) are on top of other content


This is addressing a minor issue I just noticed when reading the docs, the header pickers can be covered by api stability banners, for example go to https://nodejs.org/docs/latest/api/repl.html open the nodejs versions picker and while the picker is open scroll down till the REPL section and you should see the following:

Screenshot of the issue in nodejs.org/docs

with my change the picker remains on top:

Screenshot of the issue solved in localhost:8000

increase the z-index of the header element to make sure that
opened pickers from it (such as the node version picker) are
on top of other content
@nodejs-github-bot
Copy link
Collaborator

Review requested:

  • @nodejs/nodejs-website

@nodejs-github-bot nodejs-github-bot added the doc Issues and PRs related to the documentations. label Apr 12, 2025
@bjohansebas bjohansebas added the author ready PRs that have at least one approval, no pending requests for changes, and a CI started. label Apr 12, 2025
@AugustinMauroy
Copy link
Member

BTW this change have to be "backport" to api-doc-tooling

@dario-piotrowicz
Copy link
Member Author

BTW this change have to be "backport" to api-doc-tooling

Sorry @AugustinMauroy I'm not sure what that means, could you clarify? 🙏 is this something I need to do?

@aduh95 aduh95 added lts-watch-v18.x lts-watch-v20.x PRs that may need to be released in v20.x commit-queue Add this label to land a pull request using GitHub Actions. labels Apr 12, 2025
@bjohansebas
Copy link
Member

bjohansebas commented Apr 12, 2025

I'm not sure what that means, could you clarify? 🙏 is this something I need to do?

This change might be lost since we’re migrating to another package that is being created for documentation generation in api-docs-tooling (see #57343), so you need to make that change in api-docs-tooling as well

https://github.com/nodejs/api-docs-tooling/blob/main/src/generators/legacy-html/assets/style.css

@avivkeller
Copy link
Member

No need to backport. The change that introduced this issue hasn't been backported yet.

Co-authored-by: Antoine du Hamel <[email protected]>
@dario-piotrowicz
Copy link
Member Author

I'm not sure what that means, could you clarify? 🙏 is this something I need to do?

This change might be lost since we’re migrating to another package that is being created for documentation generation in api-docs-tooling (see #57343), so you need to make that change in api-docs-tooling as well

https://github.com/nodejs/api-docs-tooling/blob/main/src/generators/legacy-html/assets/style.css

ah I see, ok thanks a lot for the extra context here 🫶

No need to backport. The change that introduced this issue hasn't been backported yet.

But it sounds like that might not be needed anyways 🙂

@nodejs-github-bot nodejs-github-bot added commit-queue-failed An error occurred while landing this pull request using GitHub Actions. and removed commit-queue Add this label to land a pull request using GitHub Actions. labels Apr 14, 2025
@nodejs-github-bot
Copy link
Collaborator

Commit Queue failed
- Loading data for nodejs/node/pull/57851
✔  Done loading data for nodejs/node/pull/57851
----------------------------------- PR info ------------------------------------
Title      doc: increase z-index of header element (#57851)
Author     Dario Piotrowicz <[email protected]> (@dario-piotrowicz)
Branch     dario-piotrowicz:dario/docs-header-z-index-fix -> nodejs:main
Labels     doc, author ready, lts-watch-v18.x, lts-watch-v20.x
Commits    3
 - doc: increase z-index of header element
 - remove unnecessary z-index
 - Update doc/api_assets/style.css
Committers 2
 - Dario Piotrowicz <[email protected]>
 - GitHub <[email protected]>
PR-URL: https://github.com/nodejs/node/pull/57851
Reviewed-By: Luigi Pinca <[email protected]>
Reviewed-By: Antoine du Hamel <[email protected]>
------------------------------ Generated metadata ------------------------------
PR-URL: https://github.com/nodejs/node/pull/57851
Reviewed-By: Luigi Pinca <[email protected]>
Reviewed-By: Antoine du Hamel <[email protected]>
--------------------------------------------------------------------------------
   ⚠  Commits were pushed since the last approving review:
   ⚠  - doc: increase z-index of header element
   ⚠  - remove unnecessary z-index
   ⚠  - Update doc/api_assets/style.css
   ℹ  This PR was created on Sat, 12 Apr 2025 18:26:15 GMT
   ✔  Approvals: 2
   ✔  - Luigi Pinca (@lpinca): https://github.com/nodejs/node/pull/57851#pullrequestreview-2762237409
   ✔  - Antoine du Hamel (@aduh95) (TSC): https://github.com/nodejs/node/pull/57851#pullrequestreview-2762265947
   ✔  Last GitHub CI successful
   ℹ  Green GitHub CI is sufficient
--------------------------------------------------------------------------------
   ✔  Aborted `git node land` session in /home/runner/work/node/node/.ncu
https://github.com/nodejs/node/actions/runs/14453190816

jasnell pushed a commit that referenced this pull request Apr 14, 2025
increase the z-index of the header element to make sure that
opened pickers from it (such as the node version picker) are
on top of other content

PR-URL: #57851
Reviewed-By: Luigi Pinca <[email protected]>
Reviewed-By: Antoine du Hamel <[email protected]>
@jasnell
Copy link
Member

jasnell commented Apr 14, 2025

Landed in 11bb7cd

@jasnell jasnell closed this Apr 14, 2025
@dario-piotrowicz dario-piotrowicz deleted the dario/docs-header-z-index-fix branch April 14, 2025 19:59
RafaelGSS pushed a commit that referenced this pull request May 1, 2025
increase the z-index of the header element to make sure that
opened pickers from it (such as the node version picker) are
on top of other content

PR-URL: #57851
Reviewed-By: Luigi Pinca <[email protected]>
Reviewed-By: Antoine du Hamel <[email protected]>
RafaelGSS pushed a commit that referenced this pull request May 2, 2025
increase the z-index of the header element to make sure that
opened pickers from it (such as the node version picker) are
on top of other content

PR-URL: #57851
Reviewed-By: Luigi Pinca <[email protected]>
Reviewed-By: Antoine du Hamel <[email protected]>
aduh95 pushed a commit that referenced this pull request May 6, 2025
increase the z-index of the header element to make sure that
opened pickers from it (such as the node version picker) are
on top of other content

PR-URL: #57851
Reviewed-By: Luigi Pinca <[email protected]>
Reviewed-By: Antoine du Hamel <[email protected]>
aduh95 pushed a commit that referenced this pull request May 6, 2025
increase the z-index of the header element to make sure that
opened pickers from it (such as the node version picker) are
on top of other content

PR-URL: #57851
Reviewed-By: Luigi Pinca <[email protected]>
Reviewed-By: Antoine du Hamel <[email protected]>
RafaelGSS pushed a commit that referenced this pull request May 14, 2025
increase the z-index of the header element to make sure that
opened pickers from it (such as the node version picker) are
on top of other content

PR-URL: #57851
Reviewed-By: Luigi Pinca <[email protected]>
Reviewed-By: Antoine du Hamel <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
author ready PRs that have at least one approval, no pending requests for changes, and a CI started. commit-queue-failed An error occurred while landing this pull request using GitHub Actions. doc Issues and PRs related to the documentations. lts-watch-v20.x PRs that may need to be released in v20.x
Projects
None yet
Development

Successfully merging this pull request may close these issues.

9 participants