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

Solutions Block #63 #95

Merged
merged 3 commits into from
Oct 10, 2023
Merged

Solutions Block #63 #95

merged 3 commits into from
Oct 10, 2023

Conversation

markovukiceviccn
Copy link
Collaborator

@markovukiceviccn markovukiceviccn commented Sep 28, 2023

@aem-code-sync
Copy link
Contributor

aem-code-sync bot commented Sep 28, 2023

Hello, I'm the AEM Code Sync Bot and I will run some test suites that validate the page speed.
In case there are problems, just click the checkbox below to rerun the respective action.

  • Re-run PSI Checks

@Netcentric Netcentric deleted a comment from aem-code-sync bot Sep 28, 2023
@Netcentric Netcentric deleted a comment from aem-code-sync bot Sep 28, 2023
@aem-code-sync
Copy link
Contributor

aem-code-sync bot commented Sep 28, 2023

Page Scores Audits Google
/drafts/marko/pdp PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@Netcentric Netcentric deleted a comment from aem-code-sync bot Sep 28, 2023
@Netcentric Netcentric deleted a comment from aem-code-sync bot Sep 28, 2023
@Netcentric Netcentric deleted a comment from aem-code-sync bot Sep 28, 2023
font: normal var(--body-font-size-s)/1.5 var(--ff-body);
}

.v2-solutions > div > div > p:first-child {
Copy link
Collaborator

Choose a reason for hiding this comment

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

This should be a shared style. Can you reuse code what’s in the Volvo repository? It would replace current code in another block as well.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

This is now changed and use adjustPretitle function.

Copy link
Collaborator

Choose a reason for hiding this comment

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

Could you then refactor v2-columns.js as well? When the pretitle styling is put in styles.css, then code could be removed from v2-columns.css

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Done

display: flex;
flex-direction: column;

@media (min-width: 744px) {
Copy link
Collaborator

Choose a reason for hiding this comment

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

Could you refactor the CSS nesting? There’s not enough support for it in Firefox.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Media queries nesting adjusted.

}

.v2-solutions .button.button--primary {
font-family: var(--ff-subheadings-medium);
Copy link
Collaborator

Choose a reason for hiding this comment

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

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Font family is now changed.

Copy link
Collaborator

Choose a reason for hiding this comment

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

I meant changing the standard font-family for buttons in styles.css (for redesign)

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

This is now done

@aem-code-sync
Copy link
Contributor

aem-code-sync bot commented Oct 4, 2023

Page Scores Audits Google
/drafts/marko/pdp PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

font: normal var(--body-font-size-s)/1.5 var(--ff-body);
}

.v2-solutions .pretitle {
Copy link
Collaborator

Choose a reason for hiding this comment

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

Could you move this to styles.css? Instead of .v2-solutions prefix .v2-redesign could be used. Hope the specificity is high enough :)

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

This is now done.

font: normal var(--body-font-size-s)/1.5 var(--ff-body);
}

.v2-solutions > div > div > p:first-child {
Copy link
Collaborator

Choose a reason for hiding this comment

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

Could you then refactor v2-columns.js as well? When the pretitle styling is put in styles.css, then code could be removed from v2-columns.css

flex-direction: column;
}

@media (min-width: 744px) {
Copy link
Collaborator

Choose a reason for hiding this comment

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

Now that it’s not nested anymore, could you group the breakpoints together at the bottom of the CSS? Then the code structure follows the majority of the code base

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

It is now grouped.

@aem-code-sync
Copy link
Contributor

aem-code-sync bot commented Oct 5, 2023

Page Scores Audits Google
/drafts/marko/pdp PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@markovukiceviccn markovukiceviccn merged commit 16585eb into develop Oct 10, 2023
2 checks passed
@cogniSyb cogniSyb added the FR Functional requirement label Nov 7, 2023
@cogniSyb cogniSyb changed the title #63 - Solutions block styles Solutions Block #63 Nov 7, 2023
@WendyKruger WendyKruger removed this from the MT Solutions milestone Dec 11, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FR Functional requirement
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants