i have a suggestion.
i want to reduce height of syntaxhighlight element when user doubleclick, so i added some code to Mediawiki:common.js.
----
$('.mw-highlight pre').dblclick(function(event) {
if ($(event.target).parent().attr('class') == "scrolldiv") {
$(event.target).unwrap();
} else {
$(event.target).wrap('<div class="scrolldiv"/>');
$('.scrolldiv').css({ height: '300px', overflow: 'auto' });
}
});
---
i thought it would be useful for someone.:)
thank you!
Instead of height, I'd suggest using max-height on .scrolldiv, so that the box won't be unnecessarily tall if there's only a handful of lines of code.
yes, you are right.
but, max-height doesn't seem to work.
i think we should use the 'if' statement rather than max-height.
i edited a code, as follows
----
$('.mw-highlight pre').dblclick(function(event) {
if (parseInt($(this).css('height'), 10)>300){
if ($(this).parent().attr('class') == "scrolldiv") {
$(this).unwrap();
} else {
$(this).wrap('<div class="scrolldiv"/>');
$('.scrolldiv').css({ height: '300px', overflow: 'auto' });
}
}
});
