[INCUBATOR-49] Custom CSS: styles input Created: 01/Sep/23  Updated: 01/Sep/23

Status: Open
Project: Incubator
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Mykola Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled

 Description   

Background:

  • Currently Custom CSS is made in form of an App and it assumes that Admincentral would be customized in CMS interface.
  • It is not common that content editors know and write CSS. This is done mostly by developers.
  • Use cases for Custom CSS App: personalization for customer brand colors, small UI hotfixes for current release.
  • It is more developer friendly to work on CSS in IDE with some build tools pre/postprocessors, bundlers, etc.

Keeping that in mind it's probably a good idea to add custom CSS with yaml config instead of App OR to add resourceLinkField to App, which will point to bundled css from your Git repository.

In that way you can:

  • Work on CSS with your build tools (sass, less, PostCSS, webpack, Vite, Rollup, etc)
  • Make as many CSS files as you want (result will be transpiled to single style.css files)
  • You can utilize sourcemaps

Generated at Mon Feb 12 02:15:28 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.