From 5712d5d10bcd1de3316c59c603c6c1061cc588a7 Mon Sep 17 00:00:00 2001 From: Rushat Gabhane Date: Tue, 19 Dec 2023 15:55:09 +0530 Subject: [PATCH 01/12] collapse faq sections --- docs/_layouts/default.html | 19 +++++++------- docs/_sass/_main.scss | 25 ++++++++++++++++--- .../getting-started/Using-The-App.md | 17 ++++++++++++- docs/assets/js/main.js | 2 ++ 4 files changed, 49 insertions(+), 14 deletions(-) diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index 7d98500ecf32..6b4532a749ad 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -64,17 +64,16 @@
{% if page.url contains "/articles/" %} -

- {{ page.name | remove: '.md' | split: "-" | join: " " }} -

- -
- {{ content }} -
+

+ {{ page.name | remove: '.md' | split: "-" | join: " " }} +

+
+ {{ content }} +
{% else %} -
- {{ content }} -
+
+ {{ content }} +
{% endif %}
diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss index 9276443c3813..05378d7ce526 100644 --- a/docs/_sass/_main.scss +++ b/docs/_sass/_main.scss @@ -99,7 +99,8 @@ h2, h3, h4, h5, -h6 { +h6, +summary { color: $color-text; font-weight: bold; padding-bottom: 12px; @@ -113,7 +114,25 @@ h6 { margin-top: 20px; } -h1 { +details>summary { + list-style: none; +} + +// summary::-webkit-details-marker { +// display: block; +// } + +// summary::before { +// content: ' ►'; +// } + +// details[open] summary::before { +// content: " ▼"; +// } + + +h1, +summary { font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: 500; font-size: larger; @@ -398,7 +417,7 @@ button { flex-wrap: wrap; } - h1 { + h1, summary { font-size: 1.5em; padding: 20px 0 12px 0; } diff --git a/docs/articles/expensify-classic/getting-started/Using-The-App.md b/docs/articles/expensify-classic/getting-started/Using-The-App.md index 281a26a4317b..f77acd1864e1 100644 --- a/docs/articles/expensify-classic/getting-started/Using-The-App.md +++ b/docs/articles/expensify-classic/getting-started/Using-The-App.md @@ -2,8 +2,10 @@ title: Using the app description: Streamline expense management effortlessly with the Expensify mobile app. Learn how to install, enable push notifications, and use SmartScan to capture, categorize, and track expenses. Versatile for personal and business use, Expensify is a secure and automated solution for managing your finances on the go. --- + # Overview The Expensify mobile app is the ultimate expense management solution that makes it effortless to track and submit your receipts and expenses. Use the app to snap a picture of your receipts, categorize and submit expenses, and even review and approve expense reports. + # How to install the Expensify app To get started with Expensify on your mobile device, you need to download the app: 1. Visit the App Store (iOS) or Google Play Store (Android). @@ -11,6 +13,7 @@ To get started with Expensify on your mobile device, you need to download the ap 3. Tap "Download" or "Install." Once the app is installed, open it and log in with your Expensify credentials. If you don't have an Expensify account, you can create one during the sign-up process. + # How to enable on push notifications Push notifications keep you informed about expense approvals, reimbursements, and more. To enable push notifications: 1. Open the Expensify app. @@ -39,14 +42,26 @@ SmartScan's performance can vary depending on factors such as receipt quality, l **Receipt quality**: The clarity and condition of a receipt can impact SmartScan's accuracy. For best results, ensure your environment is well-lit and the receipt is straight and free of obstructions. **Language support**: While SmartScan supports multiple languages, its accuracy may differ from one language to another. Users dealing with non-English receipts should be aware of potential variations in data extraction. **Handwriting recognition**: Handwritten receipts might pose challenges for SmartScan. In such cases, manual verification may be necessary to ensure accurate data entry. -# FAQ + + +{::options parse_block_html="true" /} +
+{::options parse_block_html="false" /} +FAQ {: #faq} + ## Can I use the mobile app for both personal and business expenses? Yes, you can use Expensify for personal and business expenses. It's versatile and suitable for both individual and corporate use. Check out our personal and business plans [here](https://www.expensify.com/pricing) to see what might be right for you. + ## Is it possible to categorize and tag expenses on the mobile app? Yes, you can categorize and tag expenses on the mobile app. The app allows you to customize categories and tags to help organize and track your spending. + ## What should I do if I encounter issues with the mobile app, such as login problems or crashes? If you experience issues, first make sure you’re using the most recent version of the app. You can also try to restarting the app. If the issue persists, you can start a chat with Concierge in the app or write to [concierge@expensify.com](mailto:concierge@expensify.com). + ## Is the mobile app secure for managing sensitive financial information? Expensify takes security seriously and employs encryption and other security measures to protect your data. It's important to use strong, unique passwords and enable device security features like biometric authentication. + ## Can I use the mobile app offline, and will my data sync when I'm back online? Yes, you can use the mobile app offline to capture receipts and create expenses. The app will sync your data once you have an internet connection. + +
\ No newline at end of file diff --git a/docs/assets/js/main.js b/docs/assets/js/main.js index dde3af22e900..1bf7015eab07 100644 --- a/docs/assets/js/main.js +++ b/docs/assets/js/main.js @@ -190,6 +190,7 @@ window.addEventListener('DOMContentLoaded', () => { // Disable the collapsible functionality of the library by // setting the maximum number of heading levels (6) collapseDepth: 6, + headingSelector: 'h1, h2, h3, summary', // Main class to add to lists. listClass: 'lhn-items', @@ -226,6 +227,7 @@ window.addEventListener('DOMContentLoaded', () => { // the LHN menu in responsive view. lhnContent.addEventListener('click', (event) => { const clickedLink = event.target; + console.log(clickedLink) if (clickedLink) { const href = clickedLink.getAttribute('href'); if (href && href.startsWith('#') && !!document.getElementById(href.slice(1))) { From a17f3577cf3744386f4644c5d06602df655e320d Mon Sep 17 00:00:00 2001 From: Rushat Gabhane Date: Tue, 19 Dec 2023 16:18:54 +0530 Subject: [PATCH 02/12] fix arrow icon on chrome --- docs/_sass/_main.scss | 23 ++++------------------- 1 file changed, 4 insertions(+), 19 deletions(-) diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss index 05378d7ce526..309529a113c2 100644 --- a/docs/_sass/_main.scss +++ b/docs/_sass/_main.scss @@ -46,7 +46,6 @@ blockquote { article, aside, -details, figcaption, figure, footer, @@ -55,8 +54,7 @@ hgroup, main, menu, nav, -section, -summary { +section { display: block; } @@ -113,23 +111,10 @@ h5, h6 { margin-top: 20px; } - -details>summary { - list-style: none; -} - -// summary::-webkit-details-marker { -// display: block; -// } - -// summary::before { -// content: ' ►'; -// } - -// details[open] summary::before { -// content: " ▼"; -// } +details summary { + cursor: pointer; +} h1, summary { From d236f5237ab70e14a08201abacc0edfe3b966199 Mon Sep 17 00:00:00 2001 From: Rushat Gabhane Date: Tue, 19 Dec 2023 16:21:12 +0530 Subject: [PATCH 03/12] undo indent --- docs/_layouts/default.html | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index 6b4532a749ad..b050a4bbbc16 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -64,16 +64,16 @@
{% if page.url contains "/articles/" %} -

- {{ page.name | remove: '.md' | split: "-" | join: " " }} -

-
- {{ content }} -
+

+ {{ page.name | remove: '.md' | split: "-" | join: " " }} +

+
+ {{ content }} +
{% else %} -
- {{ content }} -
+
+ {{ content }} +
{% endif %}
From 09ce7b4a3db424f8bd4d1ccc3a81568b3cfbd692 Mon Sep 17 00:00:00 2001 From: Rushat Gabhane Date: Tue, 19 Dec 2023 16:21:38 +0530 Subject: [PATCH 04/12] undo indent --- docs/_layouts/default.html | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index b050a4bbbc16..2581530cb14f 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -67,6 +67,7 @@

{{ page.name | remove: '.md' | split: "-" | join: " " }}

+
{{ content }}
From 12008555fb8840a6cb1ddfbbf1f0d4be4cc02c18 Mon Sep 17 00:00:00 2001 From: Rushat Gabhane Date: Tue, 19 Dec 2023 16:22:09 +0530 Subject: [PATCH 05/12] undo indent --- docs/_layouts/default.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index 2581530cb14f..7d98500ecf32 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -67,7 +67,7 @@

{{ page.name | remove: '.md' | split: "-" | join: " " }}

- +
{{ content }}
From 6cc8b833b91f222cf6c5652ac8b14d23fae9cc3b Mon Sep 17 00:00:00 2001 From: Rushat Gabhane Date: Tue, 19 Dec 2023 16:23:25 +0530 Subject: [PATCH 06/12] rm console log --- docs/assets/js/main.js | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/assets/js/main.js b/docs/assets/js/main.js index 1bf7015eab07..6e154bb09a44 100644 --- a/docs/assets/js/main.js +++ b/docs/assets/js/main.js @@ -227,7 +227,6 @@ window.addEventListener('DOMContentLoaded', () => { // the LHN menu in responsive view. lhnContent.addEventListener('click', (event) => { const clickedLink = event.target; - console.log(clickedLink) if (clickedLink) { const href = clickedLink.getAttribute('href'); if (href && href.startsWith('#') && !!document.getElementById(href.slice(1))) { From 639f05a89805fe7ef609cdd35b51f940fe9881cf Mon Sep 17 00:00:00 2001 From: Rushat Gabhane Date: Tue, 19 Dec 2023 16:40:08 +0530 Subject: [PATCH 07/12] make faq unselectable --- docs/_sass/_main.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss index 309529a113c2..a6298ae70395 100644 --- a/docs/_sass/_main.scss +++ b/docs/_sass/_main.scss @@ -114,6 +114,7 @@ h6 { details summary { cursor: pointer; + user-select: none; } h1, From 83840cd38de1c0edfd599bb13506ebba8ed0756c Mon Sep 17 00:00:00 2001 From: Rushat Gabhane Date: Tue, 19 Dec 2023 22:49:34 +0530 Subject: [PATCH 08/12] use arrow icon --- docs/_sass/_main.scss | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss index a6298ae70395..cfdf4ff3a2bc 100644 --- a/docs/_sass/_main.scss +++ b/docs/_sass/_main.scss @@ -111,12 +111,24 @@ h5, h6 { margin-top: 20px; } - + +#faq::marker { + font-size: 1.5em; +} + details summary { cursor: pointer; user-select: none; } +details > summary { + list-style-image: url("/assets/images/arrow-right.svg"); +} + +details[open] > summary { + list-style-image: url("/assets/images/down.svg"); +} + h1, summary { font-family: "ExpensifyNewKansas", "Helvetica Neue", "Helvetica", Arial, sans-serif; From 361b77420daae1ac1fa8a6b6ae0003382651659c Mon Sep 17 00:00:00 2001 From: Rushat Gabhane Date: Tue, 19 Dec 2023 23:27:43 +0530 Subject: [PATCH 09/12] simplify api to use faq --- docs/_includes/faq-begin.md | 4 ++++ docs/_includes/faq-end.md | 1 + 2 files changed, 5 insertions(+) create mode 100644 docs/_includes/faq-begin.md create mode 100644 docs/_includes/faq-end.md diff --git a/docs/_includes/faq-begin.md b/docs/_includes/faq-begin.md new file mode 100644 index 000000000000..af1981c242cd --- /dev/null +++ b/docs/_includes/faq-begin.md @@ -0,0 +1,4 @@ +{::options parse_block_html="true" /} +
+{::options parse_block_html="false" /} +FAQ {: #faq} \ No newline at end of file diff --git a/docs/_includes/faq-end.md b/docs/_includes/faq-end.md new file mode 100644 index 000000000000..32012c1ab5cb --- /dev/null +++ b/docs/_includes/faq-end.md @@ -0,0 +1 @@ +
\ No newline at end of file From c420b43901aa0cd249a20cdc2647a1cfc467cb48 Mon Sep 17 00:00:00 2001 From: Rushat Gabhane Date: Tue, 19 Dec 2023 23:27:49 +0530 Subject: [PATCH 10/12] simplify api to use faq --- .../expensify-classic/getting-started/Using-The-App.md | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/docs/articles/expensify-classic/getting-started/Using-The-App.md b/docs/articles/expensify-classic/getting-started/Using-The-App.md index f77acd1864e1..7d3a8cb5e22b 100644 --- a/docs/articles/expensify-classic/getting-started/Using-The-App.md +++ b/docs/articles/expensify-classic/getting-started/Using-The-App.md @@ -43,11 +43,7 @@ SmartScan's performance can vary depending on factors such as receipt quality, l **Language support**: While SmartScan supports multiple languages, its accuracy may differ from one language to another. Users dealing with non-English receipts should be aware of potential variations in data extraction. **Handwriting recognition**: Handwritten receipts might pose challenges for SmartScan. In such cases, manual verification may be necessary to ensure accurate data entry. - -{::options parse_block_html="true" /} -
-{::options parse_block_html="false" /} -FAQ {: #faq} +{% include faq-begin.md %} ## Can I use the mobile app for both personal and business expenses? Yes, you can use Expensify for personal and business expenses. It's versatile and suitable for both individual and corporate use. Check out our personal and business plans [here](https://www.expensify.com/pricing) to see what might be right for you. @@ -64,4 +60,4 @@ Expensify takes security seriously and employs encryption and other security mea ## Can I use the mobile app offline, and will my data sync when I'm back online? Yes, you can use the mobile app offline to capture receipts and create expenses. The app will sync your data once you have an internet connection. -
\ No newline at end of file +{% include faq-end.md %} \ No newline at end of file From 96c558c33c26a237e3b1a1513d398fcab01b58bc Mon Sep 17 00:00:00 2001 From: Rushat Gabhane Date: Tue, 19 Dec 2023 23:29:46 +0530 Subject: [PATCH 11/12] update template --- docs/TEMPLATE.md | 3 ++- .../expensify-classic/getting-started/Using-The-App.md | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/TEMPLATE.md b/docs/TEMPLATE.md index 4408e56382a2..bbf4ab96d35f 100644 --- a/docs/TEMPLATE.md +++ b/docs/TEMPLATE.md @@ -21,7 +21,7 @@ What options does a user have then interacting with this feature? What elements of this feature are pay-walled vs. free? --> -# FAQ +{% include faq-begin.md %} +{% include faq-end.md %} # Deep Dive