Fixes for issues #3286, #3663, Partner Page SVG Transitions, and Catalog Page Transitions

[randychilau]

Description

This PR fixes:
#3286
#3663
Partner Page SVG transition Issues
Catalog Page Dark Mode transition issues
Clearing dev warnings

---

PR 3286 Smoothly displaying the answers in the FAQ on page /careers/programs

Fix is credited to this post.

before:

accordian_snap.webm

with fix:

accordian_fix.1.webm

---

PR 3663 Dark-mode: Unable to see text highlight on selection of text

Fix is credited to this post

before:

safari_selection.webm

with fix:

text_selected_safari.webm

---

Partner Page SVG Issues:

• needed responsive Citrix SVG,
• needed responsive Metabit SVG,
• missing semicolon in styled-component breaking SVG transitions,
• text color transition not in sync

before:

partner_issues.webm

after:

partner_fixed.webm

---

Catalog Page transition issues:

• section background and text not in sync
• slider background and card text not in sync

before:

catalog_before.webm

after:

catalog_after.webm

---

Cleared the following dev warnings:

warn Component ResourceWrapper was not imported, exported, or provided by MDXProvider as global scope
warn Component ChapterStyle was not imported, exported, or provided by MDXProvider as global scope

---

Notes for Reviewers

Please feel free to let me know if I have to break this into separate PRs or remove a portion of this PR for whatever reasons.

Regarding the issues 3268, 3663, I was looking to fix older issues that have gone stale or were

• older than 5 months
  and either
  • no assignee
    or
  • no activity by assignee for over two months

---

I have added comments to other similar older issues that perhaps needed some additional clarification to help reach closed status:

• Issue 3430 - [White Logo] Need a new white logo for kubewarden
• Issue 3598 - Icons missing for emissary-ingress and NGINX
• Issue 3627 - Add cache policy for images
• Issue 4212 - Ondat Operator Logo Invisible in light mode

---

Also note, the package-lock.json has been updated for a more recent version of a custom package from the Layer5 Labs account. The newer version removes console.logs that were used for testing in the build process.

---

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit b650fe4 at: https://6470575b8de3c956ac164239--layer5.netlify.app

[vishalvivekm]

@randychilau Let's discuss this on websites call, I'll add this as an agenda item in meeting minutes.

[Shivam-AfA]

@randychilau Is this PR ready from your side?

[randychilau]

Hi @Shivam-AfA,

Thanks for the message and checking the status of this PR.

I forgot to mention in the Notes that the package-lock.json file has been updated and should be included with the merge.

There is a version change of a Layer5 Lab package. The new version removes console.logs that were used for testing in the build process.

Thanks again,
Randy

[randychilau]

Note: Also added a commit to fix an eslint warning on spacing that I missed in this file on a recently merged PR.

Thanks!

[l5io]

🚀 Preview for commit 8a69794 at: https://647b738a1de38023e96b0e18--layer5.netlify.app

[goldfishdolphin]

Great work @randychilau 👍🏽

[randychilau]

fyi: this PR was discussed on the Websites Weekly Call May 29th, 2023 (timestamp: 14.57).

happy to answer any other questions on this.

Cheers,
Randy

[l5io]

🚀 Preview for commit 481e59c at: https://647e5dcc1991352a6108f1da--layer5.netlify.app

[l5io]

🚀 Preview for commit 1cc4fe2 at: https://64875e7a9f501a07ff06b177--layer5.netlify.app

[Shivam-AfA]

This is a great PR @randychilau. Your documentation and explanation skills are a delight. Thanks for these contributions. 🚀

[Shivam-AfA]

@randychilau Just a question, why are we modifying this file by puttig line breaks?

[randychilau]

Hi @Shivam-AfA,

Thanks for your message and working on this PR.

This file was mainly edited to update the <ResourceWrapper> tag to <ResourcesWrapper>

to match the import statement:
import { ResourcesWrapper } from "../../Resources.style.js";

and clear a MDX warning that was appearing during builds:
warn Component ResourceWrapper was not imported, exported, or provided by MDXProvider as global scope

Not sure if I also made edits to the spacing as part of general page cleanup/tidying.

Feel free to let me know if you would like me to remove the line break edits.

Thanks,
Randy

[goldfishdolphin]

This is a great PR @randychilau. Your documentation and explanation skills are a delight. Thanks for these contributions. 🚀

I agree with @Shivam-AfA.
It’s really impressive how @randychilau document everything so well.

[l5io]

🚀 Preview for commit 481f033 at: https://648e97bfcc1ae5769516a1d5--layer5.netlify.app

[Shivam-AfA]

@randychilau I removed the line breaks in the blog. Merging this PR...

[randychilau]

Hi @Shivam-AfA,

Thanks for taking the time to review and merge the PR!

Cheers,
Randy