From ec37cfa3bfe83d8536eade96c08b819c7c3d0077 Mon Sep 17 00:00:00 2001 From: Jeff Merrick Date: Fri, 16 Jun 2023 12:31:43 -0500 Subject: [PATCH] docs(website): adjust markprompt z-index so it's not covered by nav (#8255) --- .../src/components/MarkpromptHelp/markprompthelp.module.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/docs-website/src/components/MarkpromptHelp/markprompthelp.module.scss b/docs-website/src/components/MarkpromptHelp/markprompthelp.module.scss index ef15520a92..270877cd04 100644 --- a/docs-website/src/components/MarkpromptHelp/markprompthelp.module.scss +++ b/docs-website/src/components/MarkpromptHelp/markprompthelp.module.scss @@ -73,12 +73,14 @@ button { .MarkpromptOverlay { position: fixed; + z-index: calc(var(--ifm-z-index-fixed) + 1); inset: 0; animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1); background-color: var(--markprompt-overlay); } .MarkpromptContent { + z-index: calc(var(--ifm-z-index-fixed) + 2); background-color: var(--markprompt-muted); border-radius: var(--markprompt-radius); border: 1px solid var(--markprompt-border); @@ -89,7 +91,7 @@ button { transform: translate(-50%, -50%); width: 80vw; max-width: 600px; - height: calc(100vh - 200px); + height: calc(100vh - 100px); max-height: 600px; animation-name: contentShow; animation-duration: 300ms;