mirror of
https://github.com/MindWorkAI/AI-Studio.git
synced 2026-11-10 22:27:21 +00:00
18 lines
827 B
CSS
18 lines
827 B
CSS
/*
|
|
* Beside the step, which the grid allows from the breakpoint lg of MudBlazor on, the material stays in view right
|
|
* below the sticky header while the person scrolls through the conversation of the step. A long list of material
|
|
* scrolls on its own, so that its end stays reachable. The variables come from followStickyHeader in app.js. On a
|
|
* narrower window, the material stands below the step and scrolls with the page.
|
|
*
|
|
* The space above the material keeps its border clear of the header while it sticks, and lines it up with the title
|
|
* of the step beside it.
|
|
*/
|
|
@media (min-width: 1280px) {
|
|
.bfl-material-column {
|
|
position: sticky;
|
|
top: var(--sticky-header-height, 0px);
|
|
max-height: var(--sticky-space-below-header, none);
|
|
overflow-y: auto;
|
|
padding-top: 8px;
|
|
}
|
|
} |