search

adobe / aem-cif-project-archetype

Maven template to create new CIF Project AEM projects that follow best practices
Apache License 2.0
20 stars 12 forks source link

Generate Responsive Grid CSS clientlib as part of ui.apps #80

Open godanny86 opened 4 years ago

godanny86 commented 4 years ago

User Story

(This is a minor enhancement, and might be covered already as part of future work but wanted to note it, so as it does not get forgotten)

As a developer, I would like the responsive grid to be a client library as part of the generated project, so project-specific breakpoints can be implemented.

Currently the wcm.foundation.components.page.responsive category is included as part of the Page policy templates, which enables the responsive layout features of AEM. However, because this client library lives under /libs developers cannot modify the breakpoints of the generated file.

Description & Motivation

Most implementations have custom breakpoints for device widths they want to support. The AEM project archetype does this by creating a clientlib-grid as part of the ui.apps module.

Aside from not being able to define custom breakpoints, projects can't use the /libs/wcm/foundation/components/page/responsive library because it does not have the allowProxy property set and serves the CSS directly from /libs:

<link rel="stylesheet" href="/libs/wcm/foundation/components/page/responsive.css" type="text/css">
mhaack commented 4 years ago

Thank you for bringing this up @godanny86. Our mid-term plan is to merge this archetype project with the AEM project archetype. Soon after AEM project archetype release 23 is out. Then this problem would be solved.