mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-02-25 12:33:18 +01:00
Code Issues Projects Releases Wiki Activity

MDL-82832 ddimageortext: center the dd item using js.

Browse Source
This commit is contained in:
hieuvu 2024-08-21 09:30:22 +07:00
parent 6cd55074c7
commit c25554b93c
4 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
question/type/ddimageortext/amd/build/question.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
question/type/ddimageortext/amd/build/question.min.js.map
View File

File diff suppressed because one or more lines are too long

6
question/type/ddimageortext/amd/src/question.js
View File

@ -248,7 +248,11 @@ define([
// Set each drag home to that size.
dragHomes.each(function(i, drag) {
$(drag).width(maxWidth).height(maxHeight).css('lineHeight', maxHeight + 'px');
const top = Math.floor((maxHeight - drag.offsetHeight) / 2);
// Set top padding so the item is centred.
$(drag).width(maxWidth).height(maxHeight).css({
'padding-top': top + 'px',
});
});
// Create the drops and make them the right size.

7
question/type/ddimageortext/styles.css
View File

@ -85,7 +85,12 @@ form.mform fieldset#id_previewareaheader .droppreview {
display: none;
}
.que.ddimageortext .MathJax_Display {
/**
* The position of mathjax element in ddimageortext is calculated by javascript in question.js line 254.
* So we remove the default margin of Mathjax.
*/
.que.ddimageortext .MathJax_Display,
.que.ddimageortext .MathJax_SVG_Display {
margin: 0;
}