Update advanced search styling - Add cancel button
- Move search buttons to the right Project: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/commit/2e745735 Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/2e745735 Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/2e745735 Branch: refs/heads/junit-tests Commit: 2e745735e773c919d2add16fc4f7ffe3b1529ed1 Parents: dd3bd8c Author: Brian Federle <[email protected]> Authored: Thu Oct 11 13:22:19 2012 -0700 Committer: Chip Childers <[email protected]> Committed: Mon Oct 15 16:19:17 2012 -0400 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 17 +++++++++++++++++ ui/scripts/ui/widgets/listView.js | 8 ++++++++ 2 files changed, 25 insertions(+), 0 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/2e745735/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index c822ce0..8616fe7 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -2759,6 +2759,7 @@ div.toolbar div.button.add span { } #advanced_search input[type=submit] { + float: right; background: url(../images/bg-gradients.png) 0px -220px; /*+box-shadow:0px 2px 5px #858585;*/ -moz-box-shadow: 0px 2px 5px #858585; @@ -2792,6 +2793,22 @@ div.toolbar div.button.add span { box-shadow: inset 0px 2px 3px #000000; } +#advanced_search .button.cancel { + background: url(noen); + color: #9A9A9A; + font-size: 12px; + float: right; + /*+placement:shift -32px 13px;*/ + position: relative; + left: -32px; + top: 13px; + font-weight: bold; +} + +#advanced_search .button.cancel:hover { + color: #494949; +} + /*** Panel controls*/ #browser div.panel div.toolbar div.panel-controls { float: right; http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/2e745735/ui/scripts/ui/widgets/listView.js ---------------------------------------------------------------------- diff --git a/ui/scripts/ui/widgets/listView.js b/ui/scripts/ui/widgets/listView.js index 726a8a2..2a6919d 100644 --- a/ui/scripts/ui/widgets/listView.js +++ b/ui/scripts/ui/widgets/listView.js @@ -1568,6 +1568,14 @@ .appendTo($form) .val('Search'); + // Cancel button + $form.append( + $('<div>').addClass('button cancel').html(_l('label.cancel')) + .click(function() { + closeAdvancedSearch(); + }) + ); + $form.submit(function() { form.completeAction($formContainer); });
