Improved user product category layout

2014-09-05 15:06:35 +02:00
parent 0b3f67ab88
commit a2618eb42e
4 changed files with 44 additions and 43 deletions
@@ -0,0 +1,41 @@
+.product-category-container
+  border-top: 1px solid #ddd
+  border-bottom: 1px solid #ddd
+  margin-bottom: 5px
+  h4.product_category-title
+    cursor: pointer
+    margin-bottom: 5px
+    .icon
+      @extend .fa
+      @extend .fa-arrow-down
+      color: #ccc
+      padding-right: 10px
+      &.collapsed
+        @extend .fa-arrow-right
+ul.product_category-products
+  list-style: none
+  margin: 0 0 5px rem-calc(1.0)
+.product_category-products
+  .product-price
+    float: right
+  .show-product-description
+    +button($bg: $secondary-color)
+    +button-icon-only
+    margin-right: 7px
+    span
+      @extend .fa
+      @extend .fa-info
+      @extend .fa-lg
+  .no-product-description
+    // Empty space to match the product description for layout
+    display: inline-block
+    width: 1.65rem
+  .add-product-to-list
+    +button($bg: $secondary-color)
+    +button-icon-only
+    float: right
+    margin-left: 5px
+    span
+      @extend .fa
+      @extend .fa-plus
+      @extend .fa-lg