From 589dea1186f2cde239371e10a75782d46c8c4271 Mon Sep 17 00:00:00 2001 From: TheDiaval Date: Tue, 21 Jan 2020 14:12:08 +0300 Subject: [PATCH 1/2] fix(theme-shared): add media query to solve mobile responsiveness issues --- .../lib/components/confirmation/confirmation.component.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/confirmation/confirmation.component.scss b/npm/ng-packs/packages/theme-shared/src/lib/components/confirmation/confirmation.component.scss index a28dd3a7c3..5fa1152f3c 100644 --- a/npm/ng-packs/packages/theme-shared/src/lib/components/confirmation/confirmation.component.scss +++ b/npm/ng-packs/packages/theme-shared/src/lib/components/confirmation/confirmation.component.scss @@ -24,6 +24,9 @@ width: 450px; min-height: 300px; z-index: 1062 !important; + @media screen and (max-width: 768px) { + width: 90vw; + } .icon-container { display: flex; align-items: center; From 9cb044cd68a11ac73d87c779366d4b4bc4330e71 Mon Sep 17 00:00:00 2001 From: TheDiaval Date: Tue, 21 Jan 2020 14:18:31 +0300 Subject: [PATCH 2/2] refactor(theme-shared): change media query width --- .../src/lib/components/confirmation/confirmation.component.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/confirmation/confirmation.component.scss b/npm/ng-packs/packages/theme-shared/src/lib/components/confirmation/confirmation.component.scss index 5fa1152f3c..a6d25a4946 100644 --- a/npm/ng-packs/packages/theme-shared/src/lib/components/confirmation/confirmation.component.scss +++ b/npm/ng-packs/packages/theme-shared/src/lib/components/confirmation/confirmation.component.scss @@ -24,7 +24,7 @@ width: 450px; min-height: 300px; z-index: 1062 !important; - @media screen and (max-width: 768px) { + @media screen and (max-width: 500px) { width: 90vw; } .icon-container {