search

mautic / mautic

Mautic: Open Source Marketing Automation Software.
https://www.mautic.org
Other
6.82k stars 2.5k forks source link

[UI] Tiles.less #13848

Open andersonjeccel opened 1 week ago

andersonjeccel commented 1 week ago
Q A
Bug fix? (use the a.b branch) 🔴
New feature/enhancement? (use the a.x branch) 🟢
Deprecations? 🔴
BC breaks? (use the c.x branch) 🔴
Automated tests included? 🔴
Related user documentation PR URL mautic/user-documentation#...
Related developer documentation PR URL mautic/developer-documentation-new#197
Issue(s) addressed Fixes #...

Description

This PR is based on another PR, where I introduce tokens to replace most of the UI variables, aiming to improve consistency in all components. We need it to be merged before this one becomes available for code review.

It adds tiles for devs to use while building the UI.

Example of use (containing the file name for contacts import):

image

Or to create clickable tiles:

image

📋 Steps to test this PR:

Technical addition

codecov[bot] commented 1 week ago

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 62.19%. Comparing base (4fb0c5c) to head (193bd4a). Report is 2 commits behind head on 5.x.

Additional details and impacted files [![Impacted file tree graph](https://app.codecov.io/gh/mautic/mautic/pull/13848/graphs/tree.svg?width=650&height=150&src=pr&token=JJAV4AZFpm&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mautic)](https://app.codecov.io/gh/mautic/mautic/pull/13848?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mautic) ```diff @@ Coverage Diff @@ ## 5.x #13848 +/- ## ============================================ - Coverage 62.19% 62.19% -0.01% Complexity 34233 34233 ============================================ Files 2253 2253 Lines 102369 102369 ============================================ - Hits 63666 63665 -1 - Misses 38703 38704 +1 ``` [see 1 file with indirect coverage changes](https://app.codecov.io/gh/mautic/mautic/pull/13848/indirect-changes?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mautic)