From a9d3d84b36a883cf49b57ff880ee7b5b3f4d4887 Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Thu, 28 Nov 2013 03:22:43 +0100
Subject: [PATCH] [responsive/portal] Make recent module responsive

---
 .../template/portal/modules/recent_center.html         | 10 +++++-----
 styles/prosilver/theme/responsive.css                  |  1 +
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/styles/prosilver/template/portal/modules/recent_center.html b/styles/prosilver/template/portal/modules/recent_center.html
index 2f470b4e..703232f7 100644
--- a/styles/prosilver/template/portal/modules/recent_center.html
+++ b/styles/prosilver/template/portal/modules/recent_center.html
@@ -5,16 +5,16 @@
 	<div class="portal-navigation">
 	<ul class="topiclist bg1">
 		<li><dl><dt></dt>
-			<dd style="border-left:0px; width:100%">
+			<dd class="portal-responsive-show" style="border-left:0px; width:100%">
 			<table style="width: 100%;">
 			<tr class="menutitle">
-				<!-- IF .latest_announcements --><td><strong>{L_PORTAL_RECENT_ANN}</strong></td><!-- ENDIF -->
-				<!-- IF .latest_hot_topics --><td><strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong></td><!-- ENDIF -->
+				<!-- IF .latest_announcements --><td class="portal-responsive-hide"><strong>{L_PORTAL_RECENT_ANN}</strong></td><!-- ENDIF -->
+				<!-- IF .latest_hot_topics --><td class="portal-responsive-hide"><strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong></td><!-- ENDIF -->
 				<!-- IF .latest_topics --><td><strong>{L_PORTAL_RECENT_TOPIC}</strong></td><!-- ENDIF -->
 			</tr>
 			<tr>
 				<!-- IF .latest_announcements -->
-				<td class="row1" style="width: 33%; vertical-align: top;">
+				<td class="row1 portal-responsive-hide" style="width: 33%; vertical-align: top;">
 					<span class="gensmall">
 					<!-- BEGIN latest_announcements -->
 								<a href="{latest_announcements.U_VIEW_TOPIC}" title="{latest_announcements.FULL_TITLE}">{latest_announcements.TITLE}</a>
@@ -23,7 +23,7 @@
 				</td>
 				<!-- ENDIF -->
 				<!-- IF .latest_hot_topics -->
-				<td class="row1" style="width: 33%; vertical-align: top;">
+				<td class="row1 portal-responsive-hide" style="width: 33%; vertical-align: top;">
 					<span class="gensmall">
 					<!-- BEGIN latest_hot_topics -->
 						<a href="{latest_hot_topics.U_VIEW_TOPIC}" title="{latest_hot_topics.FULL_TITLE}">{latest_hot_topics.TITLE}</a>
diff --git a/styles/prosilver/theme/responsive.css b/styles/prosilver/theme/responsive.css
index 43d8d0d9..4a87ea12 100644
--- a/styles/prosilver/theme/responsive.css
+++ b/styles/prosilver/theme/responsive.css
@@ -32,4 +32,5 @@
 {
 	#portal-left ul.topiclist dd { display: block !important; }
 	.portal-responsive-show { display: block !important; }
+	.portal-responsive-hide { display: none !important; }
 }