Fixed position for announcement banner

[alexisthual]

Hi!

I think it'd be nice if the announcement banner had a fixed position (maybe users could choose whether the position is fixed or not).

My motivation is the following: I use announcement banners to warn users that they're looking at an outdated version of the docs. People accessing outdated pages of the docs at paragraphs that are at the bottom of the page will not see the announcement, and it can be very misleading.

Let me know what you think 🙂

[pradyunsg]

This can be achieve by adding the following custom CSS today.

.announcement {
    position: fixed;
    width: 100%;
    z-index: 100;
}

.announcement + .page {
    padding-top: var(--header-height);
}
.announcement + .page .mobile-header {
    top: var(--header-height);
}

I'll think about if/how this should be included as a configuration option in Furo itself. :)

[alexisthual]

I tried to tweak to page with custom CSS as well but it doesn't seem that simple and I think the customization you suggest might not work 🙂
The banner's z-index is not high enough and the rest of the page scrolls under it (eventually covering the logo, which is most likely something we'd like to avoid).

[pradyunsg]

Add a z-index: 100 then. Edited the snippet above. :)

PS: That's not a random number, FWIW.

[alexisthual]

What I'm saying is if you scroll, the banner overlaps the main content, which is probably not what we want:

[pradyunsg]

Could you file a tracking issue about this, noting that this is new functionality that should be provided?

Please include a link to this discussion.