[deltacloud-devel] [PATCH aggregator 4/4] Clean up the stylesheet for pool/provider lists

[Tomas Sedovic]

From: Tomas Sedovic

---
 src/app/stylesheets/dcloud.scss |   64 +++++++++++---------------------------
 1 files changed, 19 insertions(+), 45 deletions(-)

diff --git a/src/app/stylesheets/dcloud.scss b/src/app/stylesheets/dcloud.scss
index 3bddd34..36fce3d 100644
--- a/src/app/stylesheets/dcloud.scss
+++ b/src/app/stylesheets/dcloud.scss
@@ -186,57 +186,36 @@ ul#providers + a.actionlink {
 $provider_icon: "/images/icon_provider.png";
 $pool_icon: "/images/icon_vmpool.png";

-ul {
-  &#providers {
-    list-style-type: none;
-    margin: 0;
-    padding: 0 0 0 10px;
-    li a {
+@mixin list-menu($icon) {
+  line-height: 36px;
+  list-style-type: none;
+  margin: 0;
+  padding: 0 0 0 10px;
+  li {
+    font-size: 14px;
+    a {
       display: block;
-      line-height: 36px;
       padding-left: 32px;
       width: 224px;
+      background: url($icon) no-repeat 2px 50%;
       &:hover {
-        background: #efefef url($provider_icon) no-repeat 2px 50%;
-        color: black;
+        background-color: #efefef;
       }
-    }
-  }
-  &#pools {
-    list-style-type: none;
-    line-height: 36px;
-    margin: 0;
-    padding: 0 0 0 10px;
-    li {
-      border-bottom: none;
-      a {
-        display: block;
-        line-height: 36px;
-        padding-left: 32px;
-        border-bottom: none;
-        &:hover {
-          background: #efefef url($pool_icon) no-repeat 2px 50%;
-          color: black;
-        }
+      &.selected {
+        background-color: #5599b8;
+        color: white;
       }
     }
   }
 }

-.providername, .poolname {
-  font-size: 14px;
-}
-
-.providername {
-  background: url($provider_icon) no-repeat 2px 50%;
-  &.selected {
-    background: #5599b8 url($provider_icon) no-repeat 2px 50%;
-    color: white;
+ul {
+  &#providers {
+    @include list-menu($provider_icon);
+  }
+  &#pools {
+    @include list-menu($pool_icon);
   }
-}
-
-.poolname {
-  background: url($pool_icon) no-repeat 2px 50%;
 }

.selected {
@@ -244,11 +223,6 @@ ul {
   color: white;
 }

-.poolname.selected {
-  background: #5599b8 url($pool_icon) no-repeat 2px 50%;
-  color: white;
-}
-
 .instance_action_list {
   padding: 0;
   li {