diff --git a/stylesheets/components/DonationProgressModal.scss b/stylesheets/components/DonationProgressModal.scss index 48a3aca36f..761df3bcbb 100644 --- a/stylesheets/components/DonationProgressModal.scss +++ b/stylesheets/components/DonationProgressModal.scss @@ -18,6 +18,7 @@ .DonationProgressModal__text { margin-top: 20px; color: light-dark(variables.$color-gray-60, variables.$color-gray-25); + user-select: none; @include mixins.font-body-2; } diff --git a/stylesheets/components/DonationThanksModal.scss b/stylesheets/components/DonationThanksModal.scss index 699afeacbe..1bf731a162 100644 --- a/stylesheets/components/DonationThanksModal.scss +++ b/stylesheets/components/DonationThanksModal.scss @@ -10,6 +10,7 @@ align-items: center; text-align: center; padding: 0; + user-select: none; &__badge-icon { width: 88px; diff --git a/ts/components/BadgeImage.dom.tsx b/ts/components/BadgeImage.dom.tsx index 78a4aec4f7..914c8d1f10 100644 --- a/ts/components/BadgeImage.dom.tsx +++ b/ts/components/BadgeImage.dom.tsx @@ -43,6 +43,7 @@ export function BadgeImage({ width: size, height: size, }} + draggable={false} /> ); } diff --git a/ts/components/DonationThanksModal.dom.tsx b/ts/components/DonationThanksModal.dom.tsx index 9b8fdef9d1..302dcd3473 100644 --- a/ts/components/DonationThanksModal.dom.tsx +++ b/ts/components/DonationThanksModal.dom.tsx @@ -97,13 +97,10 @@ export function DonationThanksModal({
- - {i18n('icu:Donations__badge-modal--display-on-profile')} -
diff --git a/ts/components/PreferencesDonateFlow.dom.tsx b/ts/components/PreferencesDonateFlow.dom.tsx index ec8b54766e..ea0d110414 100644 --- a/ts/components/PreferencesDonateFlow.dom.tsx +++ b/ts/components/PreferencesDonateFlow.dom.tsx @@ -440,6 +440,7 @@ export function PreferencesDonateFlow({ @@ -484,6 +485,7 @@ export function PreferencesDonateFlow({ className={tw('flex')} src="images/paypal.svg" aria-label={i18n('icu:DonateFlow__Paypal__AccessibilityLabel')} + draggable={false} />