Skip to content

fix z-index - attempt 3 #31127

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

Merged
merged 1 commit into from
Aug 15, 2025
Merged

Conversation

StefonSimmons
Copy link
Contributor

@StefonSimmons StefonSimmons commented Aug 15, 2025

What does this PR do? What is the motivation?

3rd attempt at fixing the z-index for tabs.

  • removes bottom border line of active tab

Merge instructions

motivation: https://datadoghq.atlassian.net/browse/DOCSENG-113
previews: tabs should still work. design should be intact. there should be no tab that overlaps the leftnav search window

Merge readiness:

  • Ready for merge

For Datadog employees:

Your branch name MUST follow the <name>/<description> convention and include the forward slash (/). Without this format, your pull request will not pass CI, the GitLab pipeline will not run, and you won't get a branch preview. Getting a branch preview makes it easier for us to check any issues with your PR, such as broken links.

If your branch doesn't follow this format, rename it or create a new branch and PR.

[6/5/2025] Merge queue has been disabled on the documentation repo. If you have write access to the repo, the PR has been reviewed by a Documentation team member, and all of the required checks have passed, you can use the Squash and Merge button to merge the PR. If you don't have write access, or you need help, reach out in the #documentation channel in Slack.

Additional notes

@github-actions github-actions bot added the Architecture Everything related to the Doc backend label Aug 15, 2025
Copy link
Contributor

github-actions bot commented Aug 15, 2025

✅ Documentation Team Review

The documentation team has approved this pull request. Thank you for your contribution!

@StefonSimmons StefonSimmons marked this pull request as ready for review August 15, 2025 20:51
@StefonSimmons StefonSimmons requested a review from a team as a code owner August 15, 2025 20:51
Copy link
Contributor

@brett0000FF brett0000FF left a comment

Choose a reason for hiding this comment

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

Tested every tab permutation I could think of, and it looks great! Thanks for the quick fix. 🚀

@@ -159,7 +159,7 @@ $tab-active-shadow: 0 -4px 12px rgba(99, 44, 166, 0.08);
background: #FFFFFF;
border: 1px solid $tab-border-color;
padding: 24px;
z-index: 1;
z-index: 0;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

ensures the tab content is below the tabs. removes the bottom border of the active tab

@StefonSimmons StefonSimmons merged commit 4d01f5c into master Aug 15, 2025
30 checks passed
@StefonSimmons StefonSimmons deleted the stefon.simmons/fix-tab-z-index-3 branch August 15, 2025 21:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Architecture Everything related to the Doc backend
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants