mbirth/LuckyCoinkydink
1
0
Fork 0
Code Issues Pull Requests Activity

Only fire equal heights js on screens larger than 640px.

Browse Source 
The equal heights boxes look weird on small screens, so we're not
firing the plugin there any longer.

This introduces a new variable for breakpoints for responsive JS.
Please *only* add more breakpoints if you actually use them.

References #100
This commit is contained in:
Matthias Mees 2014-04-18 16:51:33 +02:00
parent 041994aa58
commit 9e7fbdf6bf
1 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
templates/2k11/admin/serendipity_editor.js.tpl
View File

@ -826,6 +826,9 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
}(document, jQuery));
$(function() {
// Breakpoints for responsive JS
var mq_small = matchMedia("(min-width:640px)");
// Fire responsive nav
if($('#main_menu').length > 0) {
$('#nav-toggle').click(function(e) {
@ -1327,15 +1330,17 @@ $(function() {
// Equal Heights
$(window).load(function() {
if($('.equal_heights').length > 0) {
if($('html').hasClass('lt-ie9')) {
$('.equal_heights').syncHeight({
updateOnResize: false
});
} else {
$('.equal_heights').syncHeight({
updateOnResize: true
});
if (mq_small.matches) {
if($('.equal_heights').length > 0) {
if($('html').hasClass('lt-ie9')) {
$('.equal_heights').syncHeight({
updateOnResize: false
});
} else {
$('.equal_heights').syncHeight({
updateOnResize: true
});
}
}
}
});