[ticket/232] Improve sizing of portal columns and modules

This commit is contained in:
Marc Alexander
2014-07-30 13:49:02 +02:00
parent 7925d69a12
commit 4e3ff66f2d
3 changed files with 15 additions and 14 deletions

View File

@@ -1,4 +1,4 @@
<!-- IF T_EXT_THEME_PATH -->
<!-- INCLUDECSS ../theme/portal.css -->
<link href="{T_EXT_THEME_PATH}responsive.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 980px), only screen and (max-device-width: 980px)" />
<link href="{T_EXT_THEME_PATH}responsive.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 1040px), only screen and (max-device-width: 1040px)" />
<!-- ENDIF -->

View File

@@ -10,6 +10,8 @@
"use strict";
var portal_right_width;
/**
* Correctly align the right column underneath the left column.
* This will make sure that the right column doesn't start before the end of
@@ -18,18 +20,21 @@
phpbb.b3p_fix_right_column_margin = function() {
var width = $(window).width();
if (width <= 700) {
if (width <= 880) {
// Get height of left and center column
var center_height = $('#portal-center').outerHeight();
var left_height = $('#portal-left').outerHeight();
$('#portal-right').css('margin-top', -(center_height - left_height) + 'px');
$('#portal-right').width($('#portal-left').width());
} else {
$('#portal-right').css('margin-top', '0px');
$('#portal-right').width(portal_right_width);
}
};
$(document).ready(function() {
portal_right_width = $('#portal-right').width();
phpbb.b3p_fix_right_column_margin();
$(window).resize(function() {
phpbb.b3p_fix_right_column_margin();