incubator-rave-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ja...@apache.org
Subject 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
Date Thu, 10 Nov 2011 20:29:53 GMT
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']}">
         &nbsp;<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']}">
+        &nbsp;<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



Mime
View raw message