Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix Advanced editor styling #1578

Open
Tracked by #1511
ChrisChV opened this issue Dec 21, 2024 · 0 comments
Open
Tracked by #1511

Fix Advanced editor styling #1578

ChrisChV opened this issue Dec 21, 2024 · 0 comments

Comments

@ChrisChV
Copy link
Contributor

Follow-up the prototype and discovery,

The advanced editors (poll, survey, LTI Provider, etc) are being rendered in an Iframe. The problem is that it has no styling applied:

Library authoring

Captura desde 2024-12-11 20-41-22

Course unit

image

Legacy page

image

Possible solution

The iframe is rendered using xblock_iframe.
Investigate if a style is missing to import, as editors are rendered with styles on the legacy page. If this is not possible, create a new styles file that is similar to the styles applied in the MFE course unit. In the course unit page, course-unit-mfe-iframe-bundle is used for styles. It is more complex to reuse those styles since different classnames are used and in the long term, combining the two styles would not be scalable. What I have tried and what could be done is to reuse some of the styles by copying and pasting them.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Backlog
Development

No branches or pull requests

1 participant