Add shadow to announcement bar #7827
-
|
I'm having some difficulty adding a shadow to the Docusaurus announcement bar. It doesn't show, it seems its overlaid oddly with the subsequent navbar, but I can't quite tell what's going on. Has anyone added CSS to add shadow to the announcement bar? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
|
Apparently, you have to add a z-index that makes it display on top of the navbar (which has a z-index) This works:
I'll try to do this by default and replace our announcementBar border-bottom by a shadow |
Beta Was this translation helpful? Give feedback.
-
|
Thanks eventually figured it out but forgot to mention. |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
FYI the z-index announcementBar change is reverted in #8163 because of facebookincubator/infima#275 |
Beta Was this translation helpful? Give feedback.
Apparently, you have to add a z-index that makes it display on top of the navbar (which has a z-index)
This works:
z-index: calc(var(--ifm-z-index-fixed) + 1);I'll try to do this by default and replace our announcementBar border-bottom by a shadow