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 {
