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

[responsive/portal] Improve look of compact news on lower widths

Browse Source
This commit is contained in:
Marc Alexander
2013-11-28 00:30:27 +01:00
parent 0ec477c849
commit 614e4170f4
3 changed files with 8 additions and 3 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 -->
<link href="{T_EXT_THEME_PATH}portal.css" rel="stylesheet" type="text/css" /> <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)" /> <link href="{T_EXT_THEME_PATH}responsive.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 950px), only screen and (max-device-width: 950px)" />
<!-- ENDIF --> <!-- ENDIF -->

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

@@ -15,7 +15,7 @@
<dd class="posts responsive-portal-news" data-skip-responsive="true">{L_REPLIES}</dd> <dd class="posts responsive-portal-news" data-skip-responsive="true">{L_REPLIES}</dd>
<dd class="views responsive-portal-news" data-skip-responsive="true">{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 responsive-portal-news"><span>{L_LAST_POST}</span></dd>
{$CC_BLOCK_H_R} {$CC_BLOCK_H_R}
<ul class="topiclist topics responsive-portal-news"> <ul class="topiclist topics responsive-portal-news">
<!-- ENDIF --> <!-- ENDIF -->

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

@@ -1,4 +1,4 @@
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) @media only screen and (max-width: 895px), only screen and (max-device-width: 895px)
{ {
#portal-body #portal-right { display: none !important; } #portal-body #portal-right { display: none !important; }
} }
@@ -10,3 +10,8 @@
.responsive-portal-news dt { width: 125% !important; } .responsive-portal-news dt { width: 125% !important; }
dt#n { width: 125% !important; } dt#n { width: 125% !important; }
} }
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
.responsive-portal-news dd.lastpost { display: none !important; }
}