cloudstack-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From bfede...@apache.org
Subject [2/3] git commit: updated refs/heads/ui-restyle to 09e4327
Date Thu, 10 Oct 2013 21:11:02 GMT
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 <brian.federle@citrix.com>
Authored: Thu Oct 10 14:10:08 2013 -0700
Committer: Brian Federle <brian.federle@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) {


Mime
View raw message