This CSS makes Breadcrumb list to display always top of a document.
Normally, Breadcrumb list is scrolled and moved to upper invisible place when you scroll a document.
This CSS blocks that.
Screencast: https://youtu.be/9wV2NYQ2U0U
Edited 2020-05-18: Fixed document width problem.
Edited 2020-05-22: Keeps the Eye and Search button locked. Thanks, Alan.
.DocumentTools {
position: fixed;
top: 30px;
z-index: 2;
}
.DocumentContainer {
overflow-y: unset;
}
.DocumentBreadcrumb {
width: inherit;
height: 1.2em;
position: fixed;
top: 0;
left: 0;
z-index: 1;
margin: 0;
padding-top: 0px;
}
.is-mobile .DocumentBreadcrumb-item {
position: relative;
top: -1em;
}
.is-mobile .DocumentBreadcrumb-delimiter {
position: relative;
top: -1em;
}
.Document {
position:fixed;
overflow-y: scroll;
overflow-x: hidden;
top: 1.2em;
height: calc(100% - 2em);
max-width: 100% !important;
}
.is-mobile .Document {
top: 2em;
}
.node-tag {
color: #E54500;
}