docs(website): adjust markprompt z-index so it's not covered by nav (#8255)

This commit is contained in:
Jeff Merrick 2023-06-16 12:31:43 -05:00 committed by GitHub
parent e35ac44f58
commit ec37cfa3bf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -73,12 +73,14 @@ button {
.MarkpromptOverlay { .MarkpromptOverlay {
position: fixed; position: fixed;
z-index: calc(var(--ifm-z-index-fixed) + 1);
inset: 0; inset: 0;
animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1); animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
background-color: var(--markprompt-overlay); background-color: var(--markprompt-overlay);
} }
.MarkpromptContent { .MarkpromptContent {
z-index: calc(var(--ifm-z-index-fixed) + 2);
background-color: var(--markprompt-muted); background-color: var(--markprompt-muted);
border-radius: var(--markprompt-radius); border-radius: var(--markprompt-radius);
border: 1px solid var(--markprompt-border); border: 1px solid var(--markprompt-border);
@ -89,7 +91,7 @@ button {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 80vw; width: 80vw;
max-width: 600px; max-width: 600px;
height: calc(100vh - 200px); height: calc(100vh - 100px);
max-height: 600px; max-height: 600px;
animation-name: contentShow; animation-name: contentShow;
animation-duration: 300ms; animation-duration: 300ms;