feat: shadow if CartItems needs to scroll in minicart

reactioncommerce · Jul 3, 2018 · d95a081 · d95a081
1 parent e5d821a
commit d95a081
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/package/src/components/MiniCart/v1/MiniCart.js b/package/src/components/MiniCart/v1/MiniCart.js
@@ -21,6 +21,7 @@ const Footer = styled.div`
 
   &:before {
     content: "";
+    display: ${({ count }) => (count > 2 ? "inherit" : "none")};
     mix-blend-mode: multiply;
     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #e9e9e9);
     height: 15px;
@@ -176,7 +177,7 @@ class MiniCart extends Component {
         <Items>
           <CartItemsComponent items={items} components={components} {...props} isMiniCart />
         </Items>
-        <Footer>
+        <Footer count={items.length}>
           <CartSummaryComponent displaySubtotal="$275.77" />
           <CartCheckoutButtonComponent
             components={{ Button: ButtonComponent }}