From 64f1cc2cfa0433bf1d1179a1192b82e55f47ad6b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= Date: Tue, 25 Oct 2022 16:16:52 -0500 Subject: [PATCH 1/8] center article images --- docs/_sass/_main.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss index 939142cdebb0e..d65c3147773b9 100644 --- a/docs/_sass/_main.scss +++ b/docs/_sass/_main.scss @@ -312,6 +312,12 @@ button { font-size: 2.25em; } } + + img { + display: block; + margin-left: auto; + margin-right: auto; + } } .link { From 2379e22d4ebfb08a7b7f5b0a89f9a42db34826e7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= Date: Tue, 25 Oct 2022 17:01:21 -0500 Subject: [PATCH 2/8] add img-wrap class to style 2 images --- docs/_sass/_main.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss index d65c3147773b9..171c170564a57 100644 --- a/docs/_sass/_main.scss +++ b/docs/_sass/_main.scss @@ -317,6 +317,14 @@ button { display: block; margin-left: auto; margin-right: auto; + padding-bottom: 20px; + max-width: -webkit-fill-available; + } + + .img-wrap { + display: flex; + justify-content: space-around; + flex-wrap: wrap; } } From 5298d928efa6c35ef95e38871d9b0061a7c96593 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= Date: Tue, 25 Oct 2022 17:02:00 -0500 Subject: [PATCH 3/8] add images to container --- docs/articles/send-money/The-Free-Plan.md | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/docs/articles/send-money/The-Free-Plan.md b/docs/articles/send-money/The-Free-Plan.md index c7fe7780aaec6..00a1494d24d41 100644 --- a/docs/articles/send-money/The-Free-Plan.md +++ b/docs/articles/send-money/The-Free-Plan.md @@ -29,7 +29,7 @@ Once you’ve created your Workspace, you should receive a message from Concierg - Click the link sent to you by Concierge, and your designated Setup Specialist will guide you through how to configure your company setup. - + Once you’ve completed your company setup, you should have done the following: @@ -44,8 +44,10 @@ Once you’ve completed your company setup, you should have done the following: # Managing the Free Plan To access your workspace settings, click your profile icon and then on your workspace name: - - +
+ + +
This menu allows you to manage your workspace members, issue additional Expensify Cards, and utilize this plan’s various bill pay and payment options. From 7ddb3571fea3a89e186980fc98b488d93fffad89 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= Date: Tue, 25 Oct 2022 17:03:33 -0500 Subject: [PATCH 4/8] remove unused class image --- docs/articles/send-money/The-Free-Plan.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/articles/send-money/The-Free-Plan.md b/docs/articles/send-money/The-Free-Plan.md index 00a1494d24d41..5a5128392d4ef 100644 --- a/docs/articles/send-money/The-Free-Plan.md +++ b/docs/articles/send-money/The-Free-Plan.md @@ -21,15 +21,15 @@ The free plan is ideal for start-ups and small businesses to manage expenses. Wi - Navigate to new.expensify.com, enter your company email address, and set a password - Click the **green “+”** button and select **_New workspace_** - + Once you’ve created your Workspace, you should receive a message from Concierge encouraging you to chat with your Setup Specialist. - + - Click the link sent to you by Concierge, and your designated Setup Specialist will guide you through how to configure your company setup. - + Once you’ve completed your company setup, you should have done the following: @@ -45,8 +45,8 @@ Once you’ve completed your company setup, you should have done the following: To access your workspace settings, click your profile icon and then on your workspace name:
- - + +
This menu allows you to manage your workspace members, issue additional Expensify Cards, and utilize this plan’s various bill pay and payment options. From b8abbbbcf65424818368f19ec502bfeb41277be9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= Date: Tue, 25 Oct 2022 17:46:09 -0500 Subject: [PATCH 5/8] fix images in android chrome --- docs/_sass/_main.scss | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss index 171c170564a57..02cda72707bda 100644 --- a/docs/_sass/_main.scss +++ b/docs/_sass/_main.scss @@ -318,7 +318,18 @@ button { margin-left: auto; margin-right: auto; padding-bottom: 20px; - max-width: -webkit-fill-available; + + @include maxBreakpoint($breakpoint-tablet) { + width: 100%; + height: 100%; + max-width: auto; + max-height: auto; + } + + @include breakpoint($breakpoint-tablet) { + max-width: -webkit-fill-available; + max-height: -webkit-fill-available; + } } .img-wrap { From 983ab3fe52cbd8441d961fcdc91d5e3ee66ee8a6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= Date: Tue, 25 Oct 2022 17:57:24 -0500 Subject: [PATCH 6/8] add maxBreakpoint --- docs/_sass/_breakpoints.scss | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/docs/_sass/_breakpoints.scss b/docs/_sass/_breakpoints.scss index 26440ef197b83..c236449142860 100644 --- a/docs/_sass/_breakpoints.scss +++ b/docs/_sass/_breakpoints.scss @@ -6,4 +6,10 @@ $breakpoint-wide: 1600px; @media screen and (min-width: $breakpoint) { @content } -} +}; + +@mixin maxBreakpoint($breakpoint) { + @media screen and (max-width: $breakpoint) { + @content + } +} \ No newline at end of file From fc50606d37407bfe556f8fe3c194d9a2dea495e0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= Date: Tue, 25 Oct 2022 18:15:29 -0500 Subject: [PATCH 7/8] add empty space at the end of the file --- docs/_sass/_breakpoints.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/_sass/_breakpoints.scss b/docs/_sass/_breakpoints.scss index c236449142860..ca143a732121f 100644 --- a/docs/_sass/_breakpoints.scss +++ b/docs/_sass/_breakpoints.scss @@ -12,4 +12,4 @@ $breakpoint-wide: 1600px; @media screen and (max-width: $breakpoint) { @content } -} \ No newline at end of file +} From da6ef2d58545f208b9632dbd2e4ecf4766812af4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= Date: Tue, 25 Oct 2022 18:17:04 -0500 Subject: [PATCH 8/8] remove semicolon --- docs/_sass/_breakpoints.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/_sass/_breakpoints.scss b/docs/_sass/_breakpoints.scss index ca143a732121f..3e75c4bad1a7f 100644 --- a/docs/_sass/_breakpoints.scss +++ b/docs/_sass/_breakpoints.scss @@ -6,7 +6,7 @@ $breakpoint-wide: 1600px; @media screen and (min-width: $breakpoint) { @content } -}; +} @mixin maxBreakpoint($breakpoint) { @media screen and (max-width: $breakpoint) {