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/10/10 23:11:02 UTC
[2/3] git commit: updated refs/heads/ui-restyle to 09e4327
Add styling for toolbar refresh button
Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/9c8e1f72
Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/9c8e1f72
Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/9c8e1f72
Branch: refs/heads/ui-restyle
Commit: 9c8e1f720600959ba2880f8e44917720e74f2c4c
Parents: a46ba98
Author: Brian Federle <br...@citrix.com>
Authored: Thu Oct 10 14:10:08 2013 -0700
Committer: Brian Federle <br...@citrix.com>
Committed: Thu Oct 10 14:10:24 2013 -0700
----------------------------------------------------------------------
ui/stylesheets/cloudstack.scss | 58 +++++++++++++++++++++--------------
ui/stylesheets/csui/_button.scss | 22 +++++++++++++
2 files changed, 57 insertions(+), 23 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/9c8e1f72/ui/stylesheets/cloudstack.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/cloudstack.scss b/ui/stylesheets/cloudstack.scss
index 8a606bf..2fad4ad 100644
--- a/ui/stylesheets/cloudstack.scss
+++ b/ui/stylesheets/cloudstack.scss
@@ -221,6 +221,35 @@ body {
}
}
+// Panel toolbars
+.toolbar {
+ @include csui-toolbar;
+
+ .panel-controls {
+ display: none;
+ }
+
+ .button.refresh {
+ @include csui-button-refresh;
+
+ float: right;
+ }
+}
+
+// Action buttons
+.action {
+ @include csui-action-button;
+
+ .icon {
+ background-image: url(../images/sprites.png);
+ }
+}
+
+// Wizards
+.multi-wizard {
+ @include csui-wizard;
+}
+
// List view widget
.list-view {
@include csui-list;
@@ -289,6 +318,12 @@ body {
}
.detail-view {
+ .toolbar {
+ background: none;
+ float: right;
+ padding: 0;
+ }
+
.ui-tabs-nav {
@include csui-tabs;
@@ -360,26 +395,3 @@ body {
}
}
}
-
-// Panel toolbars
-.toolbar {
- @include csui-toolbar;
-
- .panel-controls {
- display: none;
- }
-}
-
-// Action buttons
-.action {
- @include csui-action-button;
-
- .icon {
- background-image: url(../images/sprites.png);
- }
-}
-
-// Wizards
-.multi-wizard {
- @include csui-wizard;
-}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/9c8e1f72/ui/stylesheets/csui/_button.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/csui/_button.scss b/ui/stylesheets/csui/_button.scss
index 48b3982..754ec3a 100644
--- a/ui/stylesheets/csui/_button.scss
+++ b/ui/stylesheets/csui/_button.scss
@@ -34,6 +34,18 @@
}
}
+@mixin csui-button-simple {
+ @include csui-button;
+
+ background: none;
+ border-color: white;
+
+ &:hover {
+ box-shadow: none;
+ border-color: #ccc;
+ }
+}
+
@mixin csui-button-cta {
@include csui-button;
@include linear-gradient(darkgray, lighten(black, 15%));
@@ -44,6 +56,16 @@
text-shadow: 0px 1px 1px black;
}
+@mixin csui-button-refresh {
+ @include csui-button-simple;
+
+ &:before {
+ @include icon($refresh);
+
+ margin-right: 10px;
+ }
+}
+
// Defaults
.ui-dialog button {
&:not(.ok) {