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

[responsive/portal] Hide parts of portal on small screens

Browse Source
This commit is contained in:
Marc Alexander
2013-11-28 00:21:45 +01:00
parent 8e97adac09
commit 0ec477c849
4 changed files with 26 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

10
styles/prosilver/template/portal/modules/news_compact_center.html
View File

@@ -12,12 +12,12 @@
{$CC_BLOCK_H_L} {$CC_BLOCK_H_L}
<dt id="n">{$TITLE}</dt> <dt id="n">{$TITLE}</dt>
<!-- IF S_DISPLAY_NEWS_RVS --> <!-- IF S_DISPLAY_NEWS_RVS -->
<dd class="posts">{L_REPLIES}</dd> <dd class="posts responsive-portal-news" data-skip-responsive="true">{L_REPLIES}</dd>
<dd class="views">{L_VIEWS}</dd> <dd class="views responsive-portal-news" data-skip-responsive="true">{L_VIEWS}</dd>
<!-- ENDIF --> <!-- ENDIF -->
<dd class="lastpost"><span>{L_LAST_POST}</span></dd> <dd class="lastpost"><span>{L_LAST_POST}</span></dd>
{$CC_BLOCK_H_R} {$CC_BLOCK_H_R}
<ul class="topiclist topics"> <ul class="topiclist topics responsive-portal-news">
<!-- ENDIF --> <!-- ENDIF -->
<li class="row<!-- IF news_row.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF -->"> <li class="row<!-- IF news_row.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
<dl class="icon {news_row.TOPIC_IMG_STYLE}"> <dl class="icon {news_row.TOPIC_IMG_STYLE}">
@@ -49,8 +49,8 @@
</div> <!-- \END <div class="list-inner"> --> </div> <!-- \END <div class="list-inner"> -->
</dt> </dt>
<!-- IF S_DISPLAY_NEWS_RVS --> <!-- IF S_DISPLAY_NEWS_RVS -->
<dd class="posts">{news_row.REPLIES} <dfn>{L_REPLIES}</dfn></dd> <dd class="posts" data-skip-responsive="true">{news_row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
<dd class="views">{news_row.TOPIC_VIEWS} <dfn>{L_VIEWS}</dfn></dd> <dd class="views" data-skip-responsive="true">{news_row.TOPIC_VIEWS} <dfn>{L_VIEWS}</dfn></dd>
<!-- ENDIF --> <!-- ENDIF -->
<dd class="lastpost"><span><dfn>{L_LAST_POST}</dfn>{L_POST_BY_AUTHOR} {news_row.USERNAME_FULL_LAST} <!-- IF news_row.S_UNREAD_INFO --><a href="{news_row.U_VIEW_UNREAD}">{NEWEST_POST_IMG}</a><!-- ELSE --><a href="{news_row.U_LAST_COMMENTS}">{READ_POST_IMG}</a><!-- ENDIF --><br /> <dd class="lastpost"><span><dfn>{L_LAST_POST}</dfn>{L_POST_BY_AUTHOR} {news_row.USERNAME_FULL_LAST} <!-- IF news_row.S_UNREAD_INFO --><a href="{news_row.U_VIEW_UNREAD}">{NEWEST_POST_IMG}</a><!-- ELSE --><a href="{news_row.U_LAST_COMMENTS}">{READ_POST_IMG}</a><!-- ENDIF --><br />
{news_row.LAST_POST_TIME}</span> {news_row.LAST_POST_TIME}</span>

10
styles/prosilver/template/portal/portal_body.html
View File

@@ -12,7 +12,7 @@
<table id="portal-body"> <table id="portal-body">
<!-- IF S_TOP_COLUMN --> <!-- IF S_TOP_COLUMN -->
<tr> <tr id="portal-top">
<!-- [+] top module area --> <!-- [+] top module area -->
<td colspan="3"> <td colspan="3">
<!-- BEGIN modules_top --> <!-- BEGIN modules_top -->
@@ -32,7 +32,7 @@
<tr> <tr>
<!-- [+] left module area --> <!-- [+] left module area -->
<!-- IF S_LEFT_COLUMN --> <!-- IF S_LEFT_COLUMN -->
<td style="width: {S_PORTAL_LEFT_COLUMN}px; padding-<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->left<!-- ELSE -->right<!-- ENDIF -->: {$BLOCK_DISTANCE};"> <td id="portal-left" style="width: {S_PORTAL_LEFT_COLUMN}px; padding-<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->left<!-- ELSE -->right<!-- ENDIF -->: {$BLOCK_DISTANCE};">
<!-- BEGIN modules_left --> <!-- BEGIN modules_left -->
<!-- DEFINE $TEMPLATE_FILE = '{modules_left.TEMPLATE_FILE}' --> <!-- DEFINE $TEMPLATE_FILE = '{modules_left.TEMPLATE_FILE}' -->
<!-- DEFINE $IMAGE_SRC = '{modules_left.IMAGE_SRC}' --> <!-- DEFINE $IMAGE_SRC = '{modules_left.IMAGE_SRC}' -->
@@ -49,7 +49,7 @@
<!-- [+] center module area --> <!-- [+] center module area -->
<!-- IF S_CENTER_COLUMN --> <!-- IF S_CENTER_COLUMN -->
<td> <td id="portal-center">
<!-- BEGIN modules_center --> <!-- BEGIN modules_center -->
<!-- DEFINE $TEMPLATE_FILE = '{modules_center.TEMPLATE_FILE}' --> <!-- DEFINE $TEMPLATE_FILE = '{modules_center.TEMPLATE_FILE}' -->
<!-- DEFINE $IMAGE_SRC = '{modules_center.IMAGE_SRC}' --> <!-- DEFINE $IMAGE_SRC = '{modules_center.IMAGE_SRC}' -->
@@ -70,7 +70,7 @@
<!-- [+] right module area --> <!-- [+] right module area -->
<!-- IF S_RIGHT_COLUMN --> <!-- IF S_RIGHT_COLUMN -->
<td style="width: {S_PORTAL_RIGHT_COLUMN}px; padding-<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->right<!-- ELSE -->left<!-- ENDIF -->: {$BLOCK_DISTANCE};"> <td id="portal-right" style="width: {S_PORTAL_RIGHT_COLUMN}px; padding-<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->right<!-- ELSE -->left<!-- ENDIF -->: {$BLOCK_DISTANCE};">
<!-- BEGIN modules_right --> <!-- BEGIN modules_right -->
<!-- DEFINE $TEMPLATE_FILE = '{modules_right.TEMPLATE_FILE}' --> <!-- DEFINE $TEMPLATE_FILE = '{modules_right.TEMPLATE_FILE}' -->
<!-- DEFINE $IMAGE_SRC = '{modules_right.IMAGE_SRC}' --> <!-- DEFINE $IMAGE_SRC = '{modules_right.IMAGE_SRC}' -->
@@ -86,7 +86,7 @@
<!-- [-] right module area --> <!-- [-] right module area -->
</tr> </tr>
<!-- IF S_BOTTOM_COLUMN --> <!-- IF S_BOTTOM_COLUMN -->
<tr> <tr id="portal-bottom">
<!-- [+] bottom module area --> <!-- [+] bottom module area -->
<td colspan="3"> <td colspan="3">
<!-- BEGIN modules_bottom --> <!-- BEGIN modules_bottom -->

12
styles/prosilver/theme/responsive.css Normal file
View File

@@ -0,0 +1,12 @@
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
#portal-body #portal-right { 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; }
}