Julian/phpbb_board3-portal_tlw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #326 from marc1706/ticket/232

Browse Source 
[ticket/232] Improve sizing of portal columns and modules
This commit is contained in:
Marc Alexander
2014-07-30 14:17:58 +02:00
parent 7925d69a12 4e3ff66f2d
commit 4d7cc18c43
3 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
styles/prosilver/template/event/overall_header_head_append.html
View File

@@ -1,4 +1,4 @@
<!-- IF T_EXT_THEME_PATH --> <!-- IF T_EXT_THEME_PATH -->
<!-- INCLUDECSS ../theme/portal.css --> <!-- 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 --> <!-- ENDIF -->

7
styles/prosilver/template/portal/portal.js
View File

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

20
styles/prosilver/theme/responsive.css
View File

@@ -16,21 +16,17 @@ dd.responsive-portal-announcements { display: none !important; }
dt#a { width: 125% !important; } dt#a { width: 125% !important; }
.responsive-portal-announcements dt { width: 125% !important; } .responsive-portal-announcements dt { width: 125% !important; }
dd.responsive-portal-news { display: none !important; }
@media only screen and (max-width: 950px), only screen and (max-device-width: 950px) .responsive-portal-news dd.posts, .responsive-portal-news dd.views {
{ display: none !important;
dd.responsive-portal-news { display: none !important; }
.responsive-portal-news dd.posts, .responsive-portal-news dd.views {
display: none !important;
}
.responsive-portal-news dt { width: 125% !important; }
dt#n { width: 125% !important; }
.topiclist .topics, .topiclist .posts { display: none !important; }
#portal-forumlist dl.icon dt { width: 125% !important; }
} }
.responsive-portal-news dt { width: 130% !important; }
dt#n { width: 125% !important; }
.topiclist .topics, .topiclist .posts { display: none !important; }
#portal-forumlist dl.icon dt { width: 125% !important; }
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{ {
.responsive-portal-news dd.lastpost, .responsive-portal-announcements dd.lastpost { display: none !important; } .responsive-portal-news dd.lastpost, .responsive-portal-announcements dd.lastpost { display: none !important; }