Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DOCS: Create Add-Expensify-Card-to-Apple-or-Google-Pay.md #42272

Merged
merged 2 commits into from
Jun 20, 2024
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
---
title: Add Expensify Card to Apple or Google Pay
description: Pay with your Expensify Card from your Apple or Google Pay wallet
---
<div id="new-expensify" markdown="1">

You can use your Expensify Card for contactless in-person payments by adding it to your digital wallet for Apple Pay (for iOS) or Google Pay (for Android).

{% include selector.html values="desktop, mobile" %}
ren-jones marked this conversation as resolved.
Show resolved Hide resolved

{% include option.html value="mobile" %}
**Apple Pay**

1. Open the Apple Pay app.
2. Tap the + button.
3. Tap **Debit or Credit Card**.
4. Tap **Continue**.
5. Follow the steps provided to add your virtual card.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Huh, the space between this list and Google Pay isn't showing up. @rushatgabhane have you seen that before? I'm not sure why it's happening.
image

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@dangrous let me see what can fix this

Copy link
Contributor

@dangrous dangrous May 28, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah it's odd, it looks like the <ol> isn't getting the padding its supposed to, because it's inside of the mobile/desktop selector.

image

If you turn off that rule then the lower list gets DOUBLE padding (see below) which is probably why we added the rule, but maybe we need to do a last child thing or something.

image

**Google Pay**

1. Open the Google Pay app.
2. Tap **Add to Wallet**.
3. Tap **Payment Card**.
4. Tap **Add new debit or credit card**.
5. Add your virtual card details.

{% include end-option.html %}

{% include end-selector.html %}

</div>
Loading