3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-03 12:17:20 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(theme): mobile navbar & skipToContent should cover announcementBar (#8163)

Browse source 
Co-authored-by: sebastienlorber <lorber.sebastien@gmail.com>
This commit is contained in:
Adnan Hashmi 2022-10-06 18:50:18 +05:30 • committed by GitHub
parent 66816c3dc1
commit c325f87fd8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css
View file

@ -15,8 +15,16 @@
height: var(--docusaurus-announcement-bar-height); height: var(--docusaurus-announcement-bar-height);
background-color: var(--ifm-color-white); background-color: var(--ifm-color-white);
color: var(--ifm-color-black); 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); 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 { html[data-announcement-bar-initially-dismissed='true'] .announcementBar {