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

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

Browse Source
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
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 -->
<!-- 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 -->

7
styles/prosilver/template/portal/portal.js
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();

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

@@ -16,21 +16,17 @@ dd.responsive-portal-announcements { display: none !important; }
dt#a { 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)
{
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 dd.posts, .responsive-portal-news dd.views {
display: none !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)
{
.responsive-portal-news dd.lastpost, .responsive-portal-announcements dd.lastpost { display: none !important; }