Skip to content
This repository has been archived by the owner on Jun 10, 2024. It is now read-only.

Fasih/DPROD-3003/Added heading option and removed content #391

Merged
merged 6 commits into from
Mar 12, 2024

Conversation

fasihali-deriv
Copy link
Contributor

Fix heading option and removed content prop for hero.contentless block

Copy link

cloudflare-workers-and-pages bot commented Mar 11, 2024

Deploying with  Cloudflare Pages  Cloudflare Pages

Latest commit: 4ed090d
Status: ✅  Deploy successful!
Preview URL: https://5d19ad2a.deriv-com-v2.pages.dev
Branch Preview URL: https://pr-3003-fix-hero-and-update.deriv-com-v2.pages.dev

View logs

jia-deriv
jia-deriv previously approved these changes Mar 11, 2024
habib-deriv
habib-deriv previously approved these changes Mar 12, 2024
Nuzhy-Deriv
Nuzhy-Deriv previously approved these changes Mar 12, 2024
jia-deriv
jia-deriv previously approved these changes Mar 12, 2024
libs/blocks/src/lib/hero/content-less/index.tsx Outdated Show resolved Hide resolved
libs/blocks/src/lib/cta/cta-right/index.tsx Outdated Show resolved Hide resolved
{content && (
<>
<div className="absolute inset-50 z-10 bg-cta-gradient lg:bg-none"></div>
<div className="-z-10 h-full w-full overflow-hidden object-cover object-top max-lg:absolute lg:relative ">
Copy link
Contributor

Choose a reason for hiding this comment

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

Why are we using max-lg?

Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<div className="-z-10 h-full w-full overflow-hidden object-cover object-top max-lg:absolute lg:relative ">
<div className="-z-10 h-full w-full overflow-hidden object-cover object-top absolute lg:relative ">

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Hi @meenakshi-deriv can you please help to check @hasan-deriv's question ?

Comment on lines 46 to 49
<Heading.H2 className="hidden lg:block">{title}</Heading.H2>
<Heading.H2 className="z-20 block text-solid-slate-50 max-sm:w-full sm:w-[350px] lg:hidden lg:w-full">
{title}
</Heading.H2>
Copy link
Contributor

Choose a reason for hiding this comment

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

Why two heading? and why max-sm?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Hi @meenakshi-deriv can you please help to check @hasan-deriv's question ?

Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<Heading.H2 className="hidden lg:block">{title}</Heading.H2>
<Heading.H2 className="z-20 block text-solid-slate-50 max-sm:w-full sm:w-[350px] lg:hidden lg:w-full">
{title}
</Heading.H2>
<Heading.H2 className="hidden lg:block">{title}</Heading.H2>
<Heading.H2 className="z-20 block text-solid-slate-50 w-full sm:w-[350px] lg:hidden">
{title}
</Heading.H2>

Copy link
Contributor

Choose a reason for hiding this comment

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

hi @hasan-deriv this is because some tailwind classes were not applying on deriv-hk-gold. we tried many ways but only this approach fixed the issue.

@habib-deriv habib-deriv dismissed hasan-deriv’s stale review March 12, 2024 07:08

This is resolved

@habib-deriv habib-deriv merged commit aa15755 into main Mar 12, 2024
6 checks passed
@habib-deriv habib-deriv deleted the pr-3003-fix-hero-and-update-bottom-banner branch March 12, 2024 07:08
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants