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

Use custom CSS during editing and preview in Lumi #2628

Open
asexauer opened this issue Jul 18, 2023 · 1 comment
Open

Use custom CSS during editing and preview in Lumi #2628

asexauer opened this issue Jul 18, 2023 · 1 comment
Labels
[type] feature Changes that introduce a new feature (resulting in minor-version-bump)

Comments

@asexauer
Copy link

During export as SCORM or HTML one can provide a custom CSS to change the appearance. We use this feature with great success, but the editing process is somehow a bit cumbersome. For example if I want to display text later in a different font with other sizes and line-heights text consumes a different space. This makes it hard to arrange the text with corresponding other items like Buttons for more information popups.

It would be great if I could use the same css during editing or at least for the preview pane inside Lumi. E.g. selecting it in the settings dialog. Or any documentation where to include the css in the source and compile a custom version of Lumi.

@asexauer asexauer added the [type] feature Changes that introduce a new feature (resulting in minor-version-bump) label Jul 18, 2023
@asexauer
Copy link
Author

Just in case someone else has a need for this. I managed to do this by adding css-Definitions to the css-Files for specific libraries. So the css-Definitions override the original ones and get distributed with the export as well. By keeping my css-additions as appendix at the end of the css files together I can easily migrate those to new versions of the libraries.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[type] feature Changes that introduce a new feature (resulting in minor-version-bump)
Projects
None yet
Development

No branches or pull requests

1 participant