You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@rave.apache.org by ja...@apache.org on 2011/11/10 21:29:53 UTC
svn commit: r1200535 - in
/incubator/rave/trunk/rave-portal-resources/src/main/webapp:
WEB-INF/jsp/templates/base_layout.jsp WEB-INF/tags/rave_generic_page.tag
css/default.css
Author: jasha
Date: Thu Nov 10 20:29:52 2011
New Revision: 1200535
URL: http://svn.apache.org/viewvc?rev=1200535&view=rev
Log:
make interface fit on small screens (mobile devices) and make title bars bigger for touch screens
Modified:
incubator/rave/trunk/rave-portal-resources/src/main/webapp/WEB-INF/jsp/templates/base_layout.jsp
incubator/rave/trunk/rave-portal-resources/src/main/webapp/WEB-INF/tags/rave_generic_page.tag
incubator/rave/trunk/rave-portal-resources/src/main/webapp/css/default.css
Modified: incubator/rave/trunk/rave-portal-resources/src/main/webapp/WEB-INF/jsp/templates/base_layout.jsp
URL: http://svn.apache.org/viewvc/incubator/rave/trunk/rave-portal-resources/src/main/webapp/WEB-INF/jsp/templates/base_layout.jsp?rev=1200535&r1=1200534&r2=1200535&view=diff
==============================================================================
--- incubator/rave/trunk/rave-portal-resources/src/main/webapp/WEB-INF/jsp/templates/base_layout.jsp (original)
+++ incubator/rave/trunk/rave-portal-resources/src/main/webapp/WEB-INF/jsp/templates/base_layout.jsp Thu Nov 10 20:29:52 2011
@@ -26,6 +26,7 @@ under the License.
<html>
<head>
<meta charset="ISO-8859-1"/>
+ <meta name="viewport" content="width=device-width" />
<title><fmt:message key="${pageTitleKey}"/>
<c:if test="${not empty portalSettings and not empty portalSettings['titleSuffix']}">
<c:out value="${portalSettings['titleSuffix'].value}"/></c:if></title>
Modified: incubator/rave/trunk/rave-portal-resources/src/main/webapp/WEB-INF/tags/rave_generic_page.tag
URL: http://svn.apache.org/viewvc/incubator/rave/trunk/rave-portal-resources/src/main/webapp/WEB-INF/tags/rave_generic_page.tag?rev=1200535&r1=1200534&r2=1200535&view=diff
==============================================================================
--- incubator/rave/trunk/rave-portal-resources/src/main/webapp/WEB-INF/tags/rave_generic_page.tag (original)
+++ incubator/rave/trunk/rave-portal-resources/src/main/webapp/WEB-INF/tags/rave_generic_page.tag Thu Nov 10 20:29:52 2011
@@ -30,7 +30,10 @@ This tag will provide simple template la
<html>
<head>
<meta charset="ISO-8859-1"/>
- <title><c:out value="${pageTitle} "/> <fmt:message key="page.general.titlesuffix"/></title>
+ <meta name="viewport" content="width=device-width" />
+ <title><c:out value="${pageTitle} "/>
+ <c:if test="${not empty portalSettings and not empty portalSettings['titleSuffix']}">
+ <c:out value="${portalSettings['titleSuffix'].value}"/></c:if></title>
<link rel="stylesheet" href="//ajax.aspnetcdn.com/ajax/jquery.ui/1.8.13/themes/base/jquery-ui.css"/>
<link rel="stylesheet" href="<c:url value="/css/default.css" />" />
<rave:custom_css/>
Modified: incubator/rave/trunk/rave-portal-resources/src/main/webapp/css/default.css
URL: http://svn.apache.org/viewvc/incubator/rave/trunk/rave-portal-resources/src/main/webapp/css/default.css?rev=1200535&r1=1200534&r2=1200535&view=diff
==============================================================================
--- incubator/rave/trunk/rave-portal-resources/src/main/webapp/css/default.css (original)
+++ incubator/rave/trunk/rave-portal-resources/src/main/webapp/css/default.css Thu Nov 10 20:29:52 2011
@@ -196,7 +196,7 @@ header h1 {
.widget-mobile {
box-shadow: none;
border-radius: 0 0 0 0;
- padding: 0 0 0 0;
+ padding: 0;
}
.widget-wrapper-transitional {
@@ -250,7 +250,8 @@ header h1 {
}
.widget-title-bar-mobile {
- border-radius: 0 0 0 0;
+ border-radius: 0;
+ line-height: 2.5em;
}
.widget-title-bar-mobile:hover {
@@ -320,8 +321,8 @@ header h1 {
.region-mobile {
display: block;
width: 100%;
- padding: 0px 0px 0px 0px;
- margin-right: 0px;
+ padding: 0;
+ margin-right: 0;
float: none;
}
@@ -893,4 +894,63 @@ span.error, label.error {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #57a957 #57a957 #3d773d;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+}
+
+@media all and (max-width: 500px) {
+ body {
+ font-size: 1em;
+ }
+
+ header {
+ height: auto;
+ }
+
+ header h1 {
+ width: 100%;
+ clear: both;
+ }
+
+ .topnav {
+ float: none;
+ display: block;
+ }
+
+ #content, #widget-content {
+ width: 100%;
+ padding: 0;
+ }
+
+ .admincontent {
+ width: auto;
+ }
+
+ .storeSearch, .storeBox, .storeItem {
+ width: 95%;
+ }
+
+ .widgetDetailLeft, .widgetDetailCenter, .widgetDetailRight {
+ float: none;
+ width: auto;
+ margin: 1em 5px;
+ }
+
+ p label, span.label {
+ width: 100%;
+ float: none;
+ }
+
+ input.long, textarea.long {
+ width: 100%;
+ }
+
+ .largetextcell {
+ width: auto;
+ }
+
+ .admincontent .rightcolumn, .admincontent .leftcolumn, .admincontent .searchbox {
+ width: 100%;
+ float: none;
+ margin-top: 0;
+ }
+
}
\ No newline at end of file