Andal.LND/frontend-app-learning
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: iframe height for discussions sidebar (#1404)

Browse Source 
* fix: iframe height for discussions sidebar

* fix: increase adaptation brakepoint
This commit is contained in:
Ihor Romaniuk
2024-08-08 21:50:19 +02:00
committed by GitHub
parent c8a95eb93d
commit 83565059dd
3 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/courseware/course/sidebar/sidebars/discussions/Discussions.scss Normal file
View File

@@ -0,0 +1,5 @@
.discussions-sidebar-frame {
@media (max-width: -1 + map-get($grid-breakpoints, "xl")) {
max-height: calc(100vh - 65px);
}
}

2
src/courseware/course/sidebar/sidebars/discussions/DiscussionsSidebar.jsx
View File

@@ -38,7 +38,7 @@ const DiscussionsSidebar = ({ intl }) => {
>
<iframe
src={`${discussionsUrl}?inContextSidebar`}
className="d-flex sticky-top vh-100 w-100 border-0"
className="d-flex sticky-top vh-100 w-100 border-0 discussions-sidebar-frame"
title={intl.formatMessage(messages.discussionsTitle)}
allow="clipboard-write"
loading="lazy"

1
src/index.scss
View File

@@ -432,6 +432,7 @@
// Import component-specific sass files
@import "courseware/course/celebration/CelebrationModal.scss";
@import "courseware/course/sidebar/sidebars/discussions/Discussions.scss";
@import "courseware/course/sidebar/sidebars/notifications/NotificationIcon.scss";
@import "courseware/course/sequence/lock-paywall/LockPaywall.scss";
@import "shared/streak-celebration/StreakCelebrationModal.scss";