From d0ccb2929c6960846654464950809626332e1cf4 Mon Sep 17 00:00:00 2001
From: MigBash <20924663+migbash@users.noreply.github.com>
Date: Wed, 3 Jan 2024 17:42:24 +0100
Subject: [PATCH] fix(invest-box/terms-modal): correct theme-respective assets
 use; asset position;

(1) Apply correct theme assets. (2) Correct close icon position CSS.

fix #1883
---
 .../profile/assets/investor/icon-close-btn.svg   |  4 ++++
 .../assets/investor/icon-close-dark-btn.svg      |  4 ++++
 .../investor/Modal-TermsAndConditions.svelte     | 16 +++++++++++++++-
 3 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/components/page/profile/assets/investor/icon-close-btn.svg
 create mode 100644 src/lib/components/page/profile/assets/investor/icon-close-dark-btn.svg

diff --git a/src/lib/components/page/profile/assets/investor/icon-close-btn.svg b/src/lib/components/page/profile/assets/investor/icon-close-btn.svg
new file mode 100644
index 000000000..a923a5ca8
--- /dev/null
+++ b/src/lib/components/page/profile/assets/investor/icon-close-btn.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.70117 3.1499L14.8512 15.2999" stroke="white" stroke-width="1.8"/>
+<path d="M14.8496 3.1499L2.69961 15.2999" stroke="white" stroke-width="1.8"/>
+</svg>
diff --git a/src/lib/components/page/profile/assets/investor/icon-close-dark-btn.svg b/src/lib/components/page/profile/assets/investor/icon-close-dark-btn.svg
new file mode 100644
index 000000000..13fc900b0
--- /dev/null
+++ b/src/lib/components/page/profile/assets/investor/icon-close-dark-btn.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.70117 3.1499L14.8512 15.2999" stroke="#292929" stroke-width="1.8"/>
+<path d="M14.8496 3.1499L2.69961 15.2999" stroke="#292929" stroke-width="1.8"/>
+</svg>
diff --git a/src/lib/components/page/profile/investor/Modal-TermsAndConditions.svelte b/src/lib/components/page/profile/investor/Modal-TermsAndConditions.svelte
index 1398c5c71..8070e6bc5 100644
--- a/src/lib/components/page/profile/investor/Modal-TermsAndConditions.svelte
+++ b/src/lib/components/page/profile/investor/Modal-TermsAndConditions.svelte
@@ -32,6 +32,9 @@
 	import userBetarenaSettings from '$lib/store/user-settings.js';
 	import { viewport_change } from '$lib/utils/platform-functions.js';
 
+  import icon_close from '../assets/investor/icon-close-btn.svg';
+  import icon_close_dark from '../assets/investor/icon-close-dark-btn.svg';
+
 	import type { B_USRG_D } from '@betarena/scores-lib/types/types.misc.userguide.js';
 
   // #endregion ➤ 📦 Package Imports
@@ -290,7 +293,7 @@
         '
         {VIEWPORT_TABLET_INIT[1] ? 'top: 16px; right: 16px;' : ''}
         '
-        src="/assets/svg/close.svg"
+        src={$userBetarenaSettings.theme == 'Dark' ? icon_close : icon_close_dark}
         alt='close-svg'
         on:click={() => {return $sessionStore.showTermsAndConditions = false}}
         width=18
@@ -383,6 +386,17 @@
       /* 🎨 style */
       display: grid;
       overflow-x: hidden;
+      max-height: 100%;
+      overflow-y: scroll;
+      padding-bottom: 85px;
+      /* 💠 scrollbar */
+      /* IE and Edge */ -ms-overflow-style: none !important;
+      /* Firefox */ scrollbar-width: none !important;
+
+      &::-webkit-scrollbar
+      {
+        display: none !important;
+      }
     }
 
     :global