new: scrolling header cart

The more products in the cart, the less user-friendly the header
dropdown becomes. Giving it a `max-height` and making it scroll
resolves this. It also addresses an issue where using the Sticky header
/ Sticky nav option in the Storefront Designer extension would render
the bottom of the dropdown un-viewable when there are many products in
the cart, as it is always off-screen.
This commit is contained in:
James Koster 2015-07-24 13:33:54 +01:00
parent 672938d703
commit 1bed2b1d4d
4 changed files with 8 additions and 2 deletions

View file

@ -6,6 +6,7 @@
* **New** - Pages now display featured images above the page title. * **New** - Pages now display featured images above the page title.
* **New** - Revamped 404 page helpfulness to include product search, popular products and product ctegories. * **New** - Revamped 404 page helpfulness to include product search, popular products and product ctegories.
* **New** - Integration with WooCommerce Bundles extension. * **New** - Integration with WooCommerce Bundles extension.
* **New** - Scrolling header cart.
* **Fix** - Welcome screen now only visible to admins. * **Fix** - Welcome screen now only visible to admins.
* **Fix** - Horizontal scroll bar in Safari at small sizes. * **Fix** - Horizontal scroll bar in Safari at small sizes.
* **Fix** - Pay for order screen layout when using full width page template on my account. * **Fix** - Pay for order screen layout when using full width page template on my account.

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -73,6 +73,11 @@
.widget_shopping_cart { .widget_shopping_cart {
display: none; display: none;
background-color: #2c2d33; background-color: #2c2d33;

.product_list_widget {
max-height: 15em;
overflow: scroll;
}
} }
} }