You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@wookie.apache.org by rg...@apache.org on 2011/11/16 18:48:07 UTC

svn commit: r1202806 - in /incubator/wookie/trunk/widgets/templates/browse: content_secondary.html style/media.css style/screen.css.add

Author: rgardler
Date: Wed Nov 16 17:48:07 2011
New Revision: 1202806

URL: http://svn.apache.org/viewvc?rev=1202806&view=rev
Log:
improve layout on smaller screens (thanks to Steve Lee fixes wookie-291

Modified:
    incubator/wookie/trunk/widgets/templates/browse/content_secondary.html
    incubator/wookie/trunk/widgets/templates/browse/style/media.css
    incubator/wookie/trunk/widgets/templates/browse/style/screen.css.add

Modified: incubator/wookie/trunk/widgets/templates/browse/content_secondary.html
URL: http://svn.apache.org/viewvc/incubator/wookie/trunk/widgets/templates/browse/content_secondary.html?rev=1202806&r1=1202805&r2=1202806&view=diff
==============================================================================
--- incubator/wookie/trunk/widgets/templates/browse/content_secondary.html (original)
+++ incubator/wookie/trunk/widgets/templates/browse/content_secondary.html Wed Nov 16 17:48:07 2011
@@ -5,16 +5,12 @@
   <form
      action="javascript:${widget.shortname}_browse_controller.submitSearchForm()"
      method="get">
-    <div class="ui-grid-a">
-      <div class="ui-block-a">
 	<div data-role="fieldcontain">
 	  <label for="searchString">Search:</label> <input type="text"
 							   name="searchString" id="searchString" value=""
 							   placeholder="Search terms..." />
 	</div>
-      </div>
 
-      <div class="ui-block-b">
 	<div data-role="fieldcontain">
 	  <label for="sort">Sort:</label> 
 	  <select name="sort" id="sort" data-native-menu="false"> creation time (created), update time (updated), title (title) and name (name) 
@@ -24,8 +20,6 @@
 	    <option value="name">Name</option>
 	  </select>
 	</div>
-      </div>
-    </div>
 
     <div data-role="fieldcontain">
       <fieldset data-role="controlgroup" data-type="horizontal">

Modified: incubator/wookie/trunk/widgets/templates/browse/style/media.css
URL: http://svn.apache.org/viewvc/incubator/wookie/trunk/widgets/templates/browse/style/media.css?rev=1202806&r1=1202805&r2=1202806&view=diff
==============================================================================
--- incubator/wookie/trunk/widgets/templates/browse/style/media.css (original)
+++ incubator/wookie/trunk/widgets/templates/browse/style/media.css Wed Nov 16 17:48:07 2011
@@ -15,19 +15,6 @@
  * limitations under the License.
  */
 
-/* TODO use templates as above */
-@media ${widget.media.screen.narrow},
-       ${widget.media.screen.moderateWidth},
-       ${widget.media.screen.wide},
-       ${widget.media.screen.veryWide} {
-  .ui-grid-a .ui-block-a,
-  .ui-grid-a .ui-block-b {
-	float: none;
-	width: 100%;
-  }
-}
-
-
  @media ${widget.media.screen.veryNarrow}, ${widget.media.screen.narrow} {
     .content-secondary {
 	text-align: left;

Modified: incubator/wookie/trunk/widgets/templates/browse/style/screen.css.add
URL: http://svn.apache.org/viewvc/incubator/wookie/trunk/widgets/templates/browse/style/screen.css.add?rev=1202806&r1=1202805&r2=1202806&view=diff
==============================================================================
--- incubator/wookie/trunk/widgets/templates/browse/style/screen.css.add (original)
+++ incubator/wookie/trunk/widgets/templates/browse/style/screen.css.add Wed Nov 16 17:48:07 2011
@@ -26,16 +26,17 @@
 
 .thumbnail {
   float:left;
-  width: 100px;
+  width: 16%;
 }
 
 .meta-data {
 	margin-left: 0.6em;
 	float: left;
-	width: 70%;
+	width: 80%;
 }
 
 .uploader {
+  clear: left;
   float: left;
   text-align: left;
   width: 75%;
@@ -53,13 +54,13 @@
   clear: left;
   float: left;
   text-align: left;
-  width: 75%;
+  width: 70%;
 }
 
 .license {
   float: left;
   text-align: right;
-  width: 25%;
+  width: 30%;
   font-size: 80%;
 }
  
@@ -71,6 +72,8 @@
 }
 
 .update {
+  clear: left;
+  float:left;
   font-size: 75%;
   text-align: center;
 }
@@ -96,9 +99,6 @@
   border: none;
 }
 
-.ui-header .ui-title {
-  margin-right: 70px;
-}
 
 /* theme buttons */
 .ui-btn-active {