Author: rgardler
Date: Mon Nov 28 01:03:14 2011
New Revision: 1206953
URL: http://svn.apache.org/viewvc?rev=1206953&view=rev
Log:
expand the search box on tall screens as well as wide ones
Modified:
incubator/wookie/trunk/widgets/templates/browse/scripts/browse_controller.js
incubator/wookie/trunk/widgets/templates/default.widget.properties
Modified:
incubator/wookie/trunk/widgets/templates/browse/scripts/browse_controller.js
URL:
http://svn.apache.org/viewvc/incubator/wookie/trunk/widgets/templates/browse/scripts/browse_controller.js?rev=1206953&r1=1206952&r2=1206953&view=diff
==============================================================================
---
incubator/wookie/trunk/widgets/templates/browse/scripts/browse_controller.js
(original)
+++
incubator/wookie/trunk/widgets/templates/browse/scripts/browse_controller.js
Mon Nov 28 01:03:14 2011
@@ -55,10 +55,10 @@ var ${widget.shortname}_browse_controlle
* Update the display
*/
update:function() {
- // expand the search box
- if ($.mobile.media("${widget.media.screen.wide}")) {
+ // expand the search box on screens that are either wide enough
(alongside results) or tall enough
+ if ($.mobile.media("${widget.media.screen.tall}")) {
$('#searchPanel').trigger('expand');
- } else if ($.mobile.media("${widget.media.screen.veryWide}")) {
+ } else if ($.mobile.media("${widget.media.screen.moderateWidth}") ||
$.mobile.media("${widget.media.screen.veryWide}")) {
$('#searchPanel').trigger('expand');
} else {
$('#searchPanel').trigger('collapse');
Modified: incubator/wookie/trunk/widgets/templates/default.widget.properties
URL:
http://svn.apache.org/viewvc/incubator/wookie/trunk/widgets/templates/default.widget.properties?rev=1206953&r1=1206952&r2=1206953&view=diff
==============================================================================
--- incubator/wookie/trunk/widgets/templates/default.widget.properties
(original)
+++ incubator/wookie/trunk/widgets/templates/default.widget.properties Mon Nov
28 01:03:14 2011
@@ -12,3 +12,8 @@ widget.media.screen.narrow = only screen
widget.media.screen.moderateWidth = only screen and (min-width : 641px) and
(max-width : 1024px)
widget.media.screen.wide = only screen and (min-width : 1025px) and (max-width
: 1800px)
widget.media.screen.veryWide = only screen and (min-width : 1801px)
+
+widget.media.screen.short = only screen and (max-height : 480px)
+widget.media.screen.moderateHeight = only screen and (min-height : 481px) and
(max-width : 800px)
+widget.media.screen.tall = only screen and (min-width : 801px)
+
