diff --git a/website/client/src/components/externalLinkModal.vue b/website/client/src/components/externalLinkModal.vue index 47fe67af41..2d64dfd536 100644 --- a/website/client/src/components/externalLinkModal.vue +++ b/website/client/src/components/externalLinkModal.vue @@ -33,6 +33,11 @@ v-html="$t('leaveHabiticaText')" > +
+ {{ $t('skipExternalLinkModal') }} +
@@ -64,13 +69,13 @@ .modal-close { position: absolute; - right: 16px; - top: 16px; + right: 12px; + top: 12px; cursor: pointer; .icon-close { - width: 18px; - height: 18px; + width: 16px; + height: 16px; vertical-align: middle; & svg { @@ -90,7 +95,7 @@ .modal-header { justify-content: center; - padding-top: 24px; + padding-top: 32px; padding-bottom: 0px; background: $yellow-100; border-top-right-radius: 8px; @@ -113,7 +118,7 @@ h2 { color: $yellow-1; - // font-size: 1.25rem; + margin-bottom: 16px; } } @@ -125,6 +130,16 @@ font-size: 0.875rem; line-height: 1.71; text-align: center; + margin-top:24px; + } + + .skip-modal { + color: $gray-100; + font-size: 0.75rem; + text-align: center; + line-height: 1.33; + margin-top: 16px; + // padding-bottom: 24px; } } @@ -141,8 +156,8 @@ line-height: 1.71; font-size: 0.875rem; cursor: pointer; - padding-top:16px; - padding-bottom: 8px; + margin-top:16px; + margin-bottom: 8px; text-align: center; } } diff --git a/website/common/locales/en/generic.json b/website/common/locales/en/generic.json index d360bed360..26a51eaf7b 100644 --- a/website/common/locales/en/generic.json +++ b/website/common/locales/en/generic.json @@ -214,5 +214,6 @@ "askQuestion": "Ask a Question", "emptyReportBugMessage": "Report Bug Message missing", "leaveHabitica": "You are about to leave Habitica.com", - "leaveHabiticaText": "Habitica is not responsible for the content of any linked website that is not owned or operated by HabitRPG.
Please note that these websites' practices may differ from Habitica’s community guidelines." + "leaveHabiticaText": "Habitica is not responsible for the content of any linked website that is not owned or operated by HabitRPG.
Please note that these websites' practices may differ from Habitica’s community guidelines.", + "skipExternalLinkModal": "Hold CTRL (Windows) or Command (Mac) when clicking a link to skip this modal." }