You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by ch...@apache.org on 2012/10/15 22:29:47 UTC
[32/50] [abbrv] git commit: Update advanced search styling
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 <br...@citrix.com>
Authored: Thu Oct 11 13:22:19 2012 -0700
Committer: Chip Childers <ch...@gmail.com>
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);
});