Fix draggable text and images in donations paypal and badge dialog

This commit is contained in:
ayumi-signal
2026-02-11 10:43:03 -08:00
committed by GitHub
parent eb7231e390
commit d673781f5e
5 changed files with 6 additions and 4 deletions

View File

@@ -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;
}

View File

@@ -10,6 +10,7 @@
align-items: center;
text-align: center;
padding: 0;
user-select: none;
&__badge-icon {
width: 88px;

View File

@@ -43,6 +43,7 @@ export function BadgeImage({
width: size,
height: size,
}}
draggable={false}
/>
);
}

View File

@@ -97,13 +97,10 @@ export function DonationThanksModal({
<div className="DonationThanksModal__toggle-section">
<Checkbox
checked={applyBadgeIsChecked}
label=""
label={i18n('icu:Donations__badge-modal--display-on-profile')}
name="donation-badge-display"
onChange={handleToggleBadge}
/>
<span className="DonationThanksModal__toggle-text">
{i18n('icu:Donations__badge-modal--display-on-profile')}
</span>
</div>
<div className="DonationThanksModal__help-text">

View File

@@ -440,6 +440,7 @@ export function PreferencesDonateFlow({
<img
src="images/paypal.svg"
aria-label={i18n('icu:DonateFlow__Paypal__AccessibilityLabel')}
draggable={false}
/>
</button>
</>
@@ -484,6 +485,7 @@ export function PreferencesDonateFlow({
className={tw('flex')}
src="images/paypal.svg"
aria-label={i18n('icu:DonateFlow__Paypal__AccessibilityLabel')}
draggable={false}
/>
</div>
<div