Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Commit

Permalink
Add max-height to Mini Cart drawer.
Browse files Browse the repository at this point in the history
By giving the Mini Cart contents a max height with the
-webkit-fill-available property, we can ensure that the browser chrome
is accounted for on mobile devices.
  • Loading branch information
danielwrobert committed Jan 31, 2023
1 parent 7631019 commit 539ad90
Showing 1 changed file with 2 additions and 0 deletions.
2 changes: 2 additions & 0 deletions assets/js/blocks/mini-cart/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -88,6 +88,7 @@
.wp-block-woocommerce-mini-cart-contents {
box-sizing: border-box;
height: 100vh;
max-height: -webkit-fill-available;
padding: 0;
justify-content: center;
}
Expand All @@ -98,6 +99,7 @@
.wp-block-woocommerce-empty-mini-cart-contents-block,
.wp-block-woocommerce-filled-mini-cart-contents-block {
height: 100vh;
max-height: -webkit-fill-available;
display: flex;
flex-direction: column;
}
Expand Down

0 comments on commit 539ad90

Please sign in to comment.