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/16 23:42:30 UTC

[1/4] git commit: updated refs/heads/ui-restyle to 2edd97e

Updated Branches:
  refs/heads/ui-restyle d5ad83eb0 -> 2edd97ec8


Fix padding on buttons


Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/bcb78344
Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/bcb78344
Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/bcb78344

Branch: refs/heads/ui-restyle
Commit: bcb78344f0b7fccbdf299a29470b1d067cf98230
Parents: d5ad83e
Author: Brian Federle <br...@citrix.com>
Authored: Wed Oct 16 13:14:30 2013 -0700
Committer: Brian Federle <br...@citrix.com>
Committed: Wed Oct 16 13:14:30 2013 -0700

----------------------------------------------------------------------
 ui/stylesheets/cloudstack.css     | 33 +++++++++++++++++++--------------
 ui/stylesheets/csui/_button.scss  |  1 +
 ui/stylesheets/csui/_form.scss    |  8 ++++----
 ui/stylesheets/csui/_toolbar.scss |  2 +-
 4 files changed, 25 insertions(+), 19 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cloudstack/blob/bcb78344/ui/stylesheets/cloudstack.css
----------------------------------------------------------------------
diff --git a/ui/stylesheets/cloudstack.css b/ui/stylesheets/cloudstack.css
index b929d2e..06dc479 100644
--- a/ui/stylesheets/cloudstack.css
+++ b/ui/stylesheets/cloudstack.css
@@ -4962,6 +4962,7 @@ html, body {
     background-image: -webkit-linear-gradient(darkgrey, #262626);
     background-image: linear-gradient(darkgrey, #262626);
     background-color: #2e2e2e;
+    border: 1px solid black;
     color: white;
     font-weight: bold;
     text-shadow: 0px 1px 1px black;
@@ -4986,18 +4987,18 @@ select {
   background: url(csui/img/form/dropdown-arrow.png) no-repeat right 8px center, -webkit-linear-gradient( white, #b6b6b6);
   background: url(csui/img/form/dropdown-arrow.png) no-repeat right 8px center, linear-gradient( white, #b6b6b6);
   border-radius: 3px;
-  border: 1px solid black;
+  border: 1px solid #999999;
   font-size: 12px;
   padding-right: 25px;
   padding-left: 10px;
-  padding-top: 10px;
-  padding-bottom: 10px;
+  padding-top: 8px;
+  padding-bottom: 8px;
   margin-top: 10px;
   margin-bottom: 10px; }
 
 input[type=text], input[type=password] {
   font-size: 12px;
-  padding: 10px;
+  padding: 8px;
   margin-top: 10px;
   margin-bottom: 10px;
   border: 1px solid gray;
@@ -5312,7 +5313,7 @@ ul.ui-tabs-nav {
       *zoom: 1;
       display: block;
       background: #ededed;
-      padding: 10px;
+      padding: 8px;
       min-height: 55px; }
       .dashboard.admin .sub.alerts .top:before, .dashboard.admin .sub.alerts .top:after {
         content: " ";
@@ -5392,7 +5393,7 @@ ul.ui-tabs-nav {
       *zoom: 1;
       display: block;
       background: #ededed;
-      padding: 10px; }
+      padding: 8px; }
       .dashboard.admin .head .top:before, .dashboard.admin .head .top:after {
         content: " ";
         display: table; }
@@ -5559,7 +5560,7 @@ ul.ui-tabs-nav {
       *zoom: 1;
       display: block;
       background: #ededed;
-      padding: 10px;
+      padding: 8px;
       padding-left: 20px;
       font-weight: bold;
       color: #6d6d6d; }
@@ -6492,6 +6493,7 @@ ul.ui-tabs-nav {
         background-image: -webkit-linear-gradient(darkgrey, #262626);
         background-image: linear-gradient(darkgrey, #262626);
         background-color: #2e2e2e;
+        border: 1px solid black;
         color: white;
         font-weight: bold;
         text-shadow: 0px 1px 1px black;
@@ -6806,6 +6808,7 @@ ul.ui-tabs-nav {
     background-image: -webkit-linear-gradient(darkgrey, #262626);
     background-image: linear-gradient(darkgrey, #262626);
     background-color: #2e2e2e;
+    border: 1px solid black;
     color: white;
     font-weight: bold;
     text-shadow: 0px 1px 1px black; }
@@ -6925,6 +6928,7 @@ html body > .login {
         background-image: -webkit-linear-gradient(darkgrey, #262626);
         background-image: linear-gradient(darkgrey, #262626);
         background-color: #2e2e2e;
+        border: 1px solid black;
         color: white;
         font-weight: bold;
         text-shadow: 0px 1px 1px black; }
@@ -6946,12 +6950,12 @@ html body > .login {
         background: url(csui/img/form/dropdown-arrow.png) no-repeat right 8px center, -webkit-linear-gradient( white, #b6b6b6);
         background: url(csui/img/form/dropdown-arrow.png) no-repeat right 8px center, linear-gradient( white, #b6b6b6);
         border-radius: 3px;
-        border: 1px solid black;
+        border: 1px solid #999999;
         font-size: 12px;
         padding-right: 25px;
         padding-left: 10px;
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding-top: 8px;
+        padding-bottom: 8px;
         margin-top: 10px;
         margin-bottom: 10px;
         background-color: #333333;
@@ -7067,12 +7071,12 @@ body {
       background: url(csui/img/form/dropdown-arrow.png) no-repeat right 8px center, -webkit-linear-gradient( white, #b6b6b6);
       background: url(csui/img/form/dropdown-arrow.png) no-repeat right 8px center, linear-gradient( white, #b6b6b6);
       border-radius: 3px;
-      border: 1px solid black;
+      border: 1px solid #999999;
       font-size: 12px;
       padding-right: 25px;
       padding-left: 10px;
-      padding-top: 10px;
-      padding-bottom: 10px;
+      padding-top: 8px;
+      padding-bottom: 8px;
       margin-top: 10px;
       margin-bottom: 10px;
       display: block;
@@ -7297,7 +7301,7 @@ body {
   *zoom: 1;
   display: block;
   background: #ededed;
-  padding: 10px; }
+  padding: 8px; }
   .toolbar:before, .toolbar:after {
     content: " ";
     display: table; }
@@ -7624,6 +7628,7 @@ body {
         background-image: -webkit-linear-gradient(darkgrey, #262626);
         background-image: linear-gradient(darkgrey, #262626);
         background-color: #2e2e2e;
+        border: 1px solid black;
         color: white;
         font-weight: bold;
         text-shadow: 0px 1px 1px black;

http://git-wip-us.apache.org/repos/asf/cloudstack/blob/bcb78344/ui/stylesheets/csui/_button.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/csui/_button.scss b/ui/stylesheets/csui/_button.scss
index e7eae1f..50d3895 100644
--- a/ui/stylesheets/csui/_button.scss
+++ b/ui/stylesheets/csui/_button.scss
@@ -52,6 +52,7 @@
     @include linear-gradient(darkgray, lighten(black, 15%));
 
     background-color: #2e2e2e;
+    border: 1px solid black;
     color: white;
     font-weight: bold;
     text-shadow: 0px 1px 1px black;

http://git-wip-us.apache.org/repos/asf/cloudstack/blob/bcb78344/ui/stylesheets/csui/_form.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/csui/_form.scss b/ui/stylesheets/csui/_form.scss
index 3ac45fa..732c7fd 100644
--- a/ui/stylesheets/csui/_form.scss
+++ b/ui/stylesheets/csui/_form.scss
@@ -26,12 +26,12 @@
     );
 
     border-radius: 3px;
-    border: 1px solid black;
+    border: 1px solid #999999;
     font-size: 12px;
     padding-right: 25px;
     padding-left: 10px;
-    padding-top: 10px;
-    padding-bottom: 10px;
+    padding-top: 8px;
+    padding-bottom: 8px;
     margin-top: 10px;
     margin-bottom: 10px;
 }
@@ -57,7 +57,7 @@
 
 @mixin csui-textfield {
     font-size: 12px;
-    padding: 10px;
+    padding: 8px;
     margin-top: 10px;
     margin-bottom: 10px;
     border: 1px solid gray;

http://git-wip-us.apache.org/repos/asf/cloudstack/blob/bcb78344/ui/stylesheets/csui/_toolbar.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/csui/_toolbar.scss b/ui/stylesheets/csui/_toolbar.scss
index 02ab9aa..5dcaf90 100644
--- a/ui/stylesheets/csui/_toolbar.scss
+++ b/ui/stylesheets/csui/_toolbar.scss
@@ -5,7 +5,7 @@ $csui-toolbar-color: lighten(#e0e0e0, 5%);
     @include row;
 
     background: $csui-toolbar-color;
-    padding: 10px;
+    padding: 8px;
 
     .button.action {
         @include csui-button;


[2/4] git commit: updated refs/heads/ui-restyle to 2edd97e

Posted by bf...@apache.org.
Dashboard: Fix width 'jump' on loading


Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/68af9af7
Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/68af9af7
Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/68af9af7

Branch: refs/heads/ui-restyle
Commit: 68af9af7d8127f5e25b54ce64233c82a3df0f8eb
Parents: bcb7834
Author: Brian Federle <br...@citrix.com>
Authored: Wed Oct 16 13:19:31 2013 -0700
Committer: Brian Federle <br...@citrix.com>
Committed: Wed Oct 16 13:19:31 2013 -0700

----------------------------------------------------------------------
 ui/stylesheets/_dashboard.scss |  4 +++-
 ui/stylesheets/cloudstack.css  | 14 +++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cloudstack/blob/68af9af7/ui/stylesheets/_dashboard.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/_dashboard.scss b/ui/stylesheets/_dashboard.scss
index a7b8a64..19c4c29 100644
--- a/ui/stylesheets/_dashboard.scss
+++ b/ui/stylesheets/_dashboard.scss
@@ -17,7 +17,9 @@
 
 // Admin dashboard
 .dashboard.admin {
+    @include row;
     padding: 10px;
+    width: 100%;
     
     .sub.alerts {
         width: 48%;
@@ -82,8 +84,8 @@
     }
 
     .head {
-        float: left;
         border: 1px solid #cfcfcf;
+        width: 100%;
 
         .top {
             @include csui-toolbar;

http://git-wip-us.apache.org/repos/asf/cloudstack/blob/68af9af7/ui/stylesheets/cloudstack.css
----------------------------------------------------------------------
diff --git a/ui/stylesheets/cloudstack.css b/ui/stylesheets/cloudstack.css
index 06dc479..0f6c56f 100644
--- a/ui/stylesheets/cloudstack.css
+++ b/ui/stylesheets/cloudstack.css
@@ -5266,7 +5266,15 @@ ul.ui-tabs-nav {
         content: ""; }
 
 .dashboard.admin {
-  padding: 10px; }
+  *zoom: 1;
+  display: block;
+  padding: 10px;
+  width: 100%; }
+  .dashboard.admin:before, .dashboard.admin:after {
+    content: " ";
+    display: table; }
+  .dashboard.admin:after {
+    clear: both; }
   .dashboard.admin .sub.alerts {
     width: 48%;
     margin-top: 25px; }
@@ -5387,8 +5395,8 @@ ul.ui-tabs-nav {
           background-image: -webkit-linear-gradient(white, #f2f2f2);
           background-image: linear-gradient(white, #f2f2f2); }
   .dashboard.admin .head {
-    float: left;
-    border: 1px solid #cfcfcf; }
+    border: 1px solid #cfcfcf;
+    width: 100%; }
     .dashboard.admin .head .top {
       *zoom: 1;
       display: block;


[4/4] git commit: updated refs/heads/ui-restyle to 2edd97e

Posted by bf...@apache.org.
Browser panel: Lower height to prevent bottom being cut off


Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/2edd97ec
Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/2edd97ec
Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/2edd97ec

Branch: refs/heads/ui-restyle
Commit: 2edd97ec8150f14f339ce8364392ad374a1cf262
Parents: 10fca3c
Author: Brian Federle <br...@citrix.com>
Authored: Wed Oct 16 14:41:57 2013 -0700
Committer: Brian Federle <br...@citrix.com>
Committed: Wed Oct 16 14:41:57 2013 -0700

----------------------------------------------------------------------
 ui/stylesheets/_browser.scss  | 2 +-
 ui/stylesheets/cloudstack.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cloudstack/blob/2edd97ec/ui/stylesheets/_browser.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/_browser.scss b/ui/stylesheets/_browser.scss
index 7727842..d09c02c 100644
--- a/ui/stylesheets/_browser.scss
+++ b/ui/stylesheets/_browser.scss
@@ -30,7 +30,7 @@
         .panel {
             background: white;
             width: 100%;
-            height: 100%;
+            height: 90%;
             overflow: auto;
             padding: 20px;
         }

http://git-wip-us.apache.org/repos/asf/cloudstack/blob/2edd97ec/ui/stylesheets/cloudstack.css
----------------------------------------------------------------------
diff --git a/ui/stylesheets/cloudstack.css b/ui/stylesheets/cloudstack.css
index fc0ffe6..b2c9f41 100644
--- a/ui/stylesheets/cloudstack.css
+++ b/ui/stylesheets/cloudstack.css
@@ -5217,7 +5217,7 @@ ul.ui-tabs-nav {
     #browser .container .panel {
       background: white;
       width: 100%;
-      height: 100%;
+      height: 90%;
       overflow: auto;
       padding: 20px; }
 


[3/4] git commit: updated refs/heads/ui-restyle to 2edd97e

Posted by bf...@apache.org.
Fix dark dropdown border color


Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/10fca3c4
Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/10fca3c4
Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/10fca3c4

Branch: refs/heads/ui-restyle
Commit: 10fca3c491909391f624e0c26126b5cd5f2a683d
Parents: 68af9af
Author: Brian Federle <br...@citrix.com>
Authored: Wed Oct 16 14:37:02 2013 -0700
Committer: Brian Federle <br...@citrix.com>
Committed: Wed Oct 16 14:37:02 2013 -0700

----------------------------------------------------------------------
 ui/stylesheets/cloudstack.css  | 1 +
 ui/stylesheets/csui/_form.scss | 1 +
 2 files changed, 2 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cloudstack/blob/10fca3c4/ui/stylesheets/cloudstack.css
----------------------------------------------------------------------
diff --git a/ui/stylesheets/cloudstack.css b/ui/stylesheets/cloudstack.css
index 0f6c56f..fc0ffe6 100644
--- a/ui/stylesheets/cloudstack.css
+++ b/ui/stylesheets/cloudstack.css
@@ -6967,6 +6967,7 @@ html body > .login {
         margin-top: 10px;
         margin-bottom: 10px;
         background-color: #333333;
+        border-color: black;
         background: url(csui/img/form/dropdown-arrow-white.png) no-repeat right 8px center, -webkit-linear-gradient( #4e4e4e, #242424);
         background: url(csui/img/form/dropdown-arrow-white.png) no-repeat right 8px center, linear-gradient( #4e4e4e, #242424);
         color: white;

http://git-wip-us.apache.org/repos/asf/cloudstack/blob/10fca3c4/ui/stylesheets/csui/_form.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/csui/_form.scss b/ui/stylesheets/csui/_form.scss
index 732c7fd..ec417af 100644
--- a/ui/stylesheets/csui/_form.scss
+++ b/ui/stylesheets/csui/_form.scss
@@ -40,6 +40,7 @@
     @include csui-dropdown;
 
     background-color: #333333;
+    border-color: black;
 
     @include background(
             url(csui/img/form/dropdown-arrow-white.png) no-repeat right 8px center,