diff --git a/package.json b/package.json index e49426eec..2ec6abadc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@topcoder-platform/platform-ui", - "version": "0.1.0", + "version": "2.1", "private": true, "scripts": { "dev": "yarn react-app-rewired start", diff --git a/src-ts/lib/modals/base-modal/BaseModal.module.scss b/src-ts/lib/modals/base-modal/BaseModal.module.scss index 334b53896..c1632cf06 100644 --- a/src-ts/lib/modals/base-modal/BaseModal.module.scss +++ b/src-ts/lib/modals/base-modal/BaseModal.module.scss @@ -1,6 +1,14 @@ @import '../../styles/includes'; @import '../../styles/typography'; +:global(.react-responsive-modal-root) { + :global(.react-responsive-modal-overlay), + :global(.react-responsive-modal-modal) { + animation-fill-mode:forwards !important; + } + +} + .modal-header { padding: 5px 0 0; } @@ -14,7 +22,7 @@ overflow: auto; margin: 0 -1*$space-xxxxl -1*$space-xxxxl; padding: 0 $space-xxxxl $space-xxxxl; - + display: flex; flex-direction: column; diff --git a/src-ts/tools/learn/my-learning/completed-tab/CompletedTab.module.scss b/src-ts/tools/learn/my-learning/completed-tab/CompletedTab.module.scss index 543ef5d12..58f9e557d 100644 --- a/src-ts/tools/learn/my-learning/completed-tab/CompletedTab.module.scss +++ b/src-ts/tools/learn/my-learning/completed-tab/CompletedTab.module.scss @@ -4,7 +4,7 @@ display: flex; gap: $space-xxl; flex-wrap: wrap; - flex: 1; + flex: 0 1 auto; > * { flex: 0 1 calc(50% - calc($space-xxl / 2)); diff --git a/src-ts/tools/learn/my-learning/tab-content-layout/TabContentLayout.module.scss b/src-ts/tools/learn/my-learning/tab-content-layout/TabContentLayout.module.scss index 7e133a004..17a2d9eac 100644 --- a/src-ts/tools/learn/my-learning/tab-content-layout/TabContentLayout.module.scss +++ b/src-ts/tools/learn/my-learning/tab-content-layout/TabContentLayout.module.scss @@ -6,6 +6,7 @@ display: flex; flex-direction: column; position: relative; + min-height: 320px; flex: 1 1 auto;