Loading...

XML

Word

Printable

Workaround:

Hide

Add the following SCSS to the 'scss' theme setting:

.h5peditor {

*,

    *::before,

    *::after {

        box-sizing: content-box;

Show

Add the following SCSS to the 'scss' theme setting: .h5peditor { *, *::before, *::after { box-sizing: content-box; } }

Testing Instructions:
Hide

Download demo interactive video from https://h5p.org/interactive-video - using 'Reuse' button.

In a course, create a H5P module with the file.

In the Boost theme 'scsspre' setting under the 'Advanced settings' tab, enter arbitrary SCSS definition, like '$moodle-mc-moodleface: #F27F22 !default;'.

View the H5P module you created and click on 'Edit H5P content'.

Observe that the 'Add interaction' (step 2) icons on the menu bar are within their boxes.
Show
Download demo interactive video from https://h5p.org/interactive-video - using 'Reuse' button. In a course, create a H5P module with the file. In the Boost theme 'scsspre' setting under the 'Advanced settings' tab, enter arbitrary SCSS definition, like '$moodle-mc-moodleface: #F27F22 !default;'. View the H5P module you created and click on 'Edit H5P content'. Observe that the 'Add interaction' (step 2) icons on the menu bar are within their boxes.

It appears to be a regression caused by fixing bug ~~MDL-77049~~.

has a non-specific relationship to

MDL-79802 Add a new setting for adding custom H5P styles

is a regression caused by

MDL-77049 Customise H5P styles via Raw SCSS theme setting

Participants:: Gareth J Barnard, Joseph Rézeau, Sara Arjona (@sarjona), Tamahou Te Kowhai Scott