From 1a2039eb8f0ea9ec6a5a5f5b76ee261d8628d213 Mon Sep 17 00:00:00 2001 From: sebastienlorber Date: Thu, 6 Oct 2022 15:01:53 +0200 Subject: [PATCH] revert z-index/shadow change from https://github.com/facebook/docusaurus/pull/7940 see https://github.com/facebookincubator/infima/issues/275 --- .../src/theme/AnnouncementBar/styles.module.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css b/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css index f81f61ea8770..b09a21721ff7 100644 --- a/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css +++ b/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css @@ -15,8 +15,16 @@ height: var(--docusaurus-announcement-bar-height); background-color: var(--ifm-color-white); color: var(--ifm-color-black); + + /* + Unfortunately we can't make announcement bar render above the navbar + IE need to use border-bottom instead of shadow + See https://github.com/facebookincubator/infima/issues/275 + box-shadow: var(--ifm-global-shadow-lw); - z-index: calc(var(--ifm-z-index-fixed) + 1); /* just above the navbar */ + z-index: calc(var(--ifm-z-index-fixed) + 1); + */ + border-bottom: 1px solid var(--ifm-color-emphasis-100); } html[data-announcement-bar-initially-dismissed='true'] .announcementBar {