From a7b031bbd6a0b6b1bffb065b53371cf60606ca0d Mon Sep 17 00:00:00 2001
From: Massimiliano Assante <massimiliano.assante@isti.cnr.it>
Date: Sun, 27 Mar 2016 15:30:30 +0000
Subject: [PATCH] updated theme for responsive home, workspace and messages
 buttons

git-svn-id: https://svn.d4science.research-infrastructures.eu/gcube/trunk/portal/liferay62-plugins/social-dockbar-hook@126323 82a268e6-3cf1-43bd-a215-b396298e98cf
---
 .../portlet/dockbar/custom_dockbar_view.jspf  | 28 ++++++++++++++++---
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/main/webapp/custom_jsps/html/portlet/dockbar/custom_dockbar_view.jspf b/src/main/webapp/custom_jsps/html/portlet/dockbar/custom_dockbar_view.jspf
index e93cf72..b4f9d2e 100644
--- a/src/main/webapp/custom_jsps/html/portlet/dockbar/custom_dockbar_view.jspf
+++ b/src/main/webapp/custom_jsps/html/portlet/dockbar/custom_dockbar_view.jspf
@@ -69,7 +69,8 @@
 		});
 	});
 </script>
-
+<!-- When desktop -->
+<div class="collapse nav-collapse">
 <ul class="nav nav-add-controls">
 	<li class="dockbar-item"><a class=""
 		href="<%="/group/" + groupName%>" id="homeIcon" title= "<%=groupName%> Infrastructure Gateway Home">
@@ -86,10 +87,29 @@
 			style="font-size: 24px;"></i>
 	</a></li>
 </ul>
-
-
+</div>
+<div class="collapse nav-collapse">
 <ul class="nav nav-add-controls">
 	<li class="dockbar-item">
 		 <input id="searchbox" type="text" placeholder="Search in News Feed">
 	</li>
-</ul>
\ No newline at end of file
+</ul>
+</div>
+<!-- When phone or tablet -->
+<span>
+	<a class="btn btn-navbar"href="<%="/group/" + groupName%>" id="homeIcon" title= "<%=groupName%> Infrastructure Gateway Home">
+			<i class="icon-home" style="font-size: 24px;"></i>
+	</a>
+</span>
+<span>
+	<a class="btn btn-navbar" href="<%="/group/" + groupName + "/workspace"%>" id="wsIcon"
+		alt='Workspace' title='Virtual Workspace'> <i class="icon-folder-open" style="font-size: 24px;"></i>
+	</a>
+</span>
+<span>
+	<a class="btn btn-navbar" href="<%="/group/" + groupName + "/messages"%>" id="messagesIcon"
+		alt='See Messages' title='Messages'> <i class="icon-envelope"
+			style="font-size: 24px;"></i>
+	</a>
+</span>
+<!-- End When phone or tablet -->