[CFDS]/Hasan/CFDS-4260/tnc design update (binary-com#16108)

* feat: updated tnc design * feat: updated tnc text case * fix: updated tnc text alginment
kate-deriv · Aug 7, 2024 · b359063 · b359063
1 parent f122c46
commit b359063
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 12 deletions.
diff --git a/packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-modal-checkbox.tsx b/packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-modal-checkbox.tsx
@@ -17,7 +17,6 @@ const JurisdictionCheckBox = observer(
     }: TJurisdictionCheckBoxProps) => {
         const { ui } = useStore();
         const { is_mobile } = ui;
-
         const shouldShowCheckBox = () => {
             if (
                 !jurisdiction_selected_shortcode ||
@@ -31,14 +30,14 @@ const JurisdictionCheckBox = observer(
         };
 
         const getCheckboxLabel = () => (
-            <Text as='p' align='center' size={is_mobile ? 'xxs' : 'xs'} line_height='xs'>
+            <Text as='p' align={is_mobile ? 'left' : 'center'} size='xxs' line_height='m'>
                 <Localize
-                    i18n_default_text="I confirm and accept {{company}} 's <0>Terms and Conditions</0>"
+                    i18n_default_text="I confirm and accept {{company}} 's <0>terms and conditions</0>"
                     values={{ company: DBVI_COMPANY_NAMES[jurisdiction_selected_shortcode].name }}
                     components={[
                         <StaticUrl
                             key={0}
-                            className='link--no-bold'
+                            className='link link--no-underline'
                             href={DBVI_COMPANY_NAMES[jurisdiction_selected_shortcode].tnc_url}
                             is_document
                         />,

diff --git a/packages/cfd/src/sass/cfd.scss b/packages/cfd/src/sass/cfd.scss
@@ -205,14 +205,6 @@
         display: flex;
         align-self: baseline;
         margin-inline-start: -0.8rem;
-        .dc-text {
-            font-size: var(--text-size-xxs);
-            text-align: var(--text-align-left);
-            & > a {
-                font-weight: bold;
-                text-transform: lowercase;
-            }
-        }
     }
     &-info,
     &__checkbox {

diff --git a/packages/core/src/sass/app/_common/base/common.scss b/packages/core/src/sass/app/_common/base/common.scss
@@ -139,6 +139,11 @@ html,
     &--prominent {
         color: var(--text-prominent);
     }
+    &--no-underline {
+        &:hover {
+            text-decoration: none;
+        }
+    }
 }
 
 .link--no-bold {