From e94bed6ec57bfb6e8d9e964f962f1d979468bb37 Mon Sep 17 00:00:00 2001 From: Matthew Coy Date: Tue, 19 Feb 2019 16:16:40 -0800 Subject: [PATCH 1/2] Resolve add to cart modal mobile isssue On mobile screens, the add to cart modal appears off screen. This change brings the modal to the proper location. --- assets/scss/components/foundation/modal/_modal.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/assets/scss/components/foundation/modal/_modal.scss b/assets/scss/components/foundation/modal/_modal.scss index e80e134df8..3c53635c29 100644 --- a/assets/scss/components/foundation/modal/_modal.scss +++ b/assets/scss/components/foundation/modal/_modal.scss @@ -4,13 +4,16 @@ .modal { - margin: 0 auto; + margin: 0; max-height: 90%; max-width: 95%; min-height: 240px; outline: none; overflow: hidden; padding: 0; + left: 50%; + top: 50% !important; + transform: translate(-50%, -50%); } .modal--large { From 84a107aad1d978e90205c73e257d9659b70eaac6 Mon Sep 17 00:00:00 2001 From: Matthew Coy Date: Tue, 19 Feb 2019 16:40:52 -0800 Subject: [PATCH 2/2] Add Changelog Entry --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index cab68275ab..8f7894a76e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,7 @@ # Changelog ## Draft +- Resolve add to cart modal mobile isssue. [#1450](https://github.com/bigcommerce/cornerstone/pull/1450) ## 3.2.1 (2019-02-15) - Added package-lock.json. [#1441](https://github.com/bigcommerce/cornerstone/pull/1441)