[DO NOT MERGE] - Try to layout justify-content: end Example with no d2l-page changes#7213
[DO NOT MERGE] - Try to layout justify-content: end Example with no d2l-page changes#7213svanherk wants to merge 1 commit into
Conversation
|
Thanks for the PR! 🎉 We've deployed an automatic preview for this PR - you can see your changes here:
Note The build needs to finish before your changes are deployed. |
| display: flex; | ||
| gap: 0.5rem; | ||
| height: 75px; | ||
| position: sticky; |
There was a problem hiding this comment.
I actually couldn't use fixed here easily - that caused it to have no concept of what the width is/should be without resize observers or us setting more css variables.
| box-sizing: border-box; | ||
| display: flex; | ||
| flex-direction: column; | ||
| min-height: calc(100vh - var(--d2l-page-header-height-measured) - 70px - 75px); /* sticky header is 70px and input box is 75px */ |
There was a problem hiding this comment.
The 70 is a new css property we'd have to add, and the spacing still isn't perfect. But wanted to get something up.
|
https://live.d2l.dev/prs/BrightspaceUI/core/pr-7213/components/page/demo/page-test-comms-app.html Bottom padding is wrong - we'll likely need to add something for consumers to opt out of it. Even if we add the sticky footer to |
|
this one also has some strange scrolling behaviour: if you make the browser height smaller than the list of messages, the input box will scroll a bit Recording.2026-07-14.081210.mp4 |
2 participants
This doesn't work perfectly, but just getting something up.