diff --git a/index.css b/index.css index 30e7c63d954..85878e54fff 100644 --- a/index.css +++ b/index.css @@ -19,9 +19,20 @@ html { body { margin: 0; + display:flex; + flex-direction: column; + align-items: center; background: #484050; } +#links { + width: 90%; + text-align: center; + position: fixed; + bottom: 0; + display: flex; + justify-content: space-around; +} #app { display: flex; justify-content: center; @@ -195,6 +206,18 @@ input:-internal-autofill-selected { } } +#tnc-links { + font-size: larger; + position: relative; + bottom: max(calc(92vh - 100vw / 16 * 9), 0%); +} + +a { + color: #328cea; + margin-right: 4px; + margin-left: 4px; +} + /* Firefox old*/ @-moz-keyframes blink { 0% { diff --git a/index.html b/index.html index 3722bdd3422..e37529572e5 100644 --- a/index.html +++ b/index.html @@ -39,6 +39,7 @@ + + - \ No newline at end of file diff --git a/src/ui/menu-ui-handler.ts b/src/ui/menu-ui-handler.ts index 88c9791c689..a0cea2f78d5 100644 --- a/src/ui/menu-ui-handler.ts +++ b/src/ui/menu-ui-handler.ts @@ -193,17 +193,31 @@ export default class MenuUiHandler extends MessageUiHandler { handler: () => { this.scene.gameData.tryExportData(GameDataType.SYSTEM); return true; + } + }, + { + label: "Consent Preferences", + handler: () => { + const consentLink = document.querySelector(".termly-display-preferences") as HTMLInputElement; + const clickEvent = new MouseEvent("click", { + view: window, + bubbles: true, + cancelable: true + }); + consentLink.dispatchEvent(clickEvent); + consentLink.focus(); + return true; }, keepOpen: true - }); - manageDataOptions.push({ + }, + { label: i18next.t("menuUiHandler:cancel"), handler: () => { this.scene.ui.revertMode(); return true; - } - } - ); + }, + keepOpen: true + }); this.manageDataConfig = { xOffset: 98,