You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by bf...@apache.org on 2013/05/08 23:34:51 UTC
git commit: updated refs/heads/ui-vpc-redesign to 7cdaa86
Updated Branches:
refs/heads/ui-vpc-redesign 34774c0c3 -> 7cdaa8694
Style router box
Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/7cdaa869
Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/7cdaa869
Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/7cdaa869
Branch: refs/heads/ui-vpc-redesign
Commit: 7cdaa8694a9109b3f36a754120b7b289a9be7eb4
Parents: 34774c0
Author: Brian Federle <br...@citrix.com>
Authored: Wed May 8 14:34:46 2013 -0700
Committer: Brian Federle <br...@citrix.com>
Committed: Wed May 8 14:34:46 2013 -0700
----------------------------------------------------------------------
ui/images/sprites.png | Bin 194177 -> 193277 bytes
ui/modules/vpc/vpc.css | 33 +++++++++++++++++++++++++++++++--
ui/modules/vpc/vpc.js | 1 +
3 files changed, 32 insertions(+), 2 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/7cdaa869/ui/images/sprites.png
----------------------------------------------------------------------
diff --git a/ui/images/sprites.png b/ui/images/sprites.png
index 156df1a..f3c8226 100644
Binary files a/ui/images/sprites.png and b/ui/images/sprites.png differ
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/7cdaa869/ui/modules/vpc/vpc.css
----------------------------------------------------------------------
diff --git a/ui/modules/vpc/vpc.css b/ui/modules/vpc/vpc.css
index f6ede66..a7ef13e 100644
--- a/ui/modules/vpc/vpc.css
+++ b/ui/modules/vpc/vpc.css
@@ -248,17 +248,42 @@
}
.vpc-network-chart .tier-item.router .header {
- background: #908F8F;
padding: 15px 0 14px;
border-bottom: 1px solid #808080;
+ background: #C3C6C9;
+/*Old browsers*/
+ background: -moz-linear-gradient(top, #c3c6c9 0%, #909497 100%);
+/*FF3.6+*/
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c6c9), color-stop(100%,#909497));
+/*Chrome,Safari4+*/
+ background: -webkit-linear-gradient(top, #c3c6c9 0%,#909497 100%);
+/*Chrome10+,Safari5.1+*/
+ background: -o-linear-gradient(top, #c3c6c9 0%,#909497 100%);
+/*Opera 11.10+*/
+ background: -ms-linear-gradient(top, #c3c6c9 0%,#909497 100%);
+/*IE10+*/
+ background: linear-gradient(to bottom, #c3c6c9 0%,#909497 100%);
+/*W3C*/
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c6c9', endColorstr='#909497',GradientType=0 );
+/*IE6-8*/
}
.vpc-network-chart .tier-item.router .header .title {
width: 212px;
+ margin-top: 3px;
}
.vpc-network-chart .tier-item.router .header .title span {
- padding: 0 0 0 32px;
+ padding: 0 0 0 50px;
+}
+
+.vpc-network-chart .tier-item.router .header span.icon {
+ background: url(../../images/sprites.png) -589px -1175px;
+ padding: 10px 10px 10px 20px;
+ float: left;
+ position: absolute;
+ top: 7px;
+ left: 10px;
}
.vpc-network-chart .tier-item.router .dashboard-item {
@@ -278,3 +303,7 @@
text-shadow: 0px 1px #000000;
}
+.vpc-network-chart .tier-item.router .dashboard-item:hover {
+ background-color: #818181;
+}
+
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/7cdaa869/ui/modules/vpc/vpc.js
----------------------------------------------------------------------
diff --git a/ui/modules/vpc/vpc.js b/ui/modules/vpc/vpc.js
index 0f0d3f9..2b01648 100644
--- a/ui/modules/vpc/vpc.js
+++ b/ui/modules/vpc/vpc.js
@@ -35,6 +35,7 @@
}).addClass('router');
$router.find('.info, .detail-link').remove();
+ $router.find('.header').prepend($('<span></span>').addClass('icon').html(' '));
return $router;
},