mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-08-02 18:01:29 -05:00
31 lines
800 B
CSS
31 lines
800 B
CSS
.layout {
|
|
position: relative;
|
|
}
|
|
|
|
.embedContainer {
|
|
margin-block: var(--s-2);
|
|
}
|
|
|
|
/* When the form's left margin can fit the embed (measured in JS so it accounts
|
|
for the side nav being collapsed and the chat sidebar being open), float it
|
|
just left of the form. The rail is anchored to the form's own left edge, so
|
|
the side nav offset cancels out and it never overlaps the nav. Its width is
|
|
set inline by the same JS. The rail spans the full form height while the
|
|
embed sticks within it, so it stays in view while scrolling the long form. */
|
|
.embedRail.floating {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: calc(100% + var(--s-6));
|
|
|
|
& .embedContainer {
|
|
position: sticky;
|
|
top: calc(var(--layout-nav-height) + var(--s-4));
|
|
margin-block: 0;
|
|
}
|
|
}
|
|
|
|
.povField {
|
|
width: 100%;
|
|
}
|