From a8968101c7668ebdddc1060f7fc75c50fed62f07 Mon Sep 17 00:00:00 2001 From: Rafael Riki Ogawa Osiro Date: Wed, 10 Jun 2026 14:27:03 -0300 Subject: [PATCH 1/2] docs(unique): highlight all duplicate group rows in Sample Data --- docs/data-quality-checks/unique/examples.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/data-quality-checks/unique/examples.md b/docs/data-quality-checks/unique/examples.md index a71edc638e..479de60f65 100644 --- a/docs/data-quality-checks/unique/examples.md +++ b/docs/data-quality-checks/unique/examples.md @@ -47,7 +47,7 @@ Three real-world scenarios that show how the Unique check is typically used in p | customer_id | name | email | |-------------|-------------|------------------------| - | 1001 | Alice Cohen | alice@example.com | + | 1001 | Alice Cohen | alice@example.com | | 1002 | Ben Dias | ben@example.com | | 1001 | Alice C. | alice.c@example.com | | 1003 | Cara Mota | cara@example.com | @@ -129,7 +129,7 @@ Three real-world scenarios that show how the Unique check is typically used in p | order_id | line_number | sku | quantity | |----------|-------------|--------|----------| - | 5001 | 1 | SKU-A | 2 | + | 5001 | 1 | SKU-A | 2 | | 5001 | 2 | SKU-B | 1 | | 5001 | 1 | SKU-C | 3 | | 5002 | 1 | SKU-A | 1 | @@ -216,7 +216,7 @@ Three real-world scenarios that show how the Unique check is typically used in p | user_id | event_type | event_date | event_id | |---------|------------|------------|------------| - | u-77 | login | today | e-001 | + | u-77 | login | today | e-001 | | u-77 | checkout | today | e-002 | | u-77 | login | today | e-003 | | u-88 | login | today | e-004 | From cbc44c547b67aacdd8c5c84ca74f26bab3d2a83a Mon Sep 17 00:00:00 2001 From: Rafael Riki Ogawa Osiro Date: Wed, 10 Jun 2026 17:59:36 -0300 Subject: [PATCH 2/2] docs(unique): apply anomalous-cell design to Sample Data tables Replaces the legacy text-negative spans (red text only) on duplicate- group rows in the three Sample Data tables across unique/examples.md with the new .anomalous-cell utility class, which renders each anomalous cell with an orange outline and warning-tinted background. This mirrors the source-records-container.vue treatment in the Qualytics frontend and keeps the Sample Data visual treatment consistent with the new pattern introduced for Expected Values and Entity Resolution. The .anomalous-cell class is also added to docs/stylesheets/extra.css on this branch (the same block is in the Expected Values and Entity Resolution restructure PRs; git auto-deduplicates identical additions at merge time, so no conflicts will surface). --- docs/data-quality-checks/unique/examples.md | 12 ++++++------ docs/stylesheets/extra.css | 13 +++++++++++++ 2 files changed, 19 insertions(+), 6 deletions(-) diff --git a/docs/data-quality-checks/unique/examples.md b/docs/data-quality-checks/unique/examples.md index 479de60f65..1ae4a23004 100644 --- a/docs/data-quality-checks/unique/examples.md +++ b/docs/data-quality-checks/unique/examples.md @@ -47,9 +47,9 @@ Three real-world scenarios that show how the Unique check is typically used in p | customer_id | name | email | |-------------|-------------|------------------------| - | 1001 | Alice Cohen | alice@example.com | + | 1001 | Alice Cohen | alice@example.com | | 1002 | Ben Dias | ben@example.com | - | 1001 | Alice C. | alice.c@example.com | + | 1001 | Alice C. | alice.c@example.com | | 1003 | Cara Mota | cara@example.com | **What gets flagged** @@ -129,9 +129,9 @@ Three real-world scenarios that show how the Unique check is typically used in p | order_id | line_number | sku | quantity | |----------|-------------|--------|----------| - | 5001 | 1 | SKU-A | 2 | + | 5001 | 1 | SKU-A | 2 | | 5001 | 2 | SKU-B | 1 | - | 5001 | 1 | SKU-C | 3 | + | 5001 | 1 | SKU-C | 3 | | 5002 | 1 | SKU-A | 1 | **What gets flagged** @@ -216,9 +216,9 @@ Three real-world scenarios that show how the Unique check is typically used in p | user_id | event_type | event_date | event_id | |---------|------------|------------|------------| - | u-77 | login | today | e-001 | + | u-77 | login | today | e-001 | | u-77 | checkout | today | e-002 | - | u-77 | login | today | e-003 | + | u-77 | login | today | e-003 | | u-88 | login | today | e-004 | **What gets flagged** diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index acec27b991..83c7b8f776 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -955,6 +955,19 @@ color: var(--q-brick); } +/* Mirrors the source-records anomalous-cell treatment in the Qualytics app: + orange outline + warning-tinted background on cells whose value failed a check. + Use inside markdown table cells to mark a single value as anomalous. */ +.anomalous-cell { + display: inline-block; + padding: 0.05rem 0.4rem; + border: 1px solid var(--q-orange); + border-radius: 4px; + background-color: rgba(249, 103, 25, 0.12); + color: var(--q-brick); + font-weight: 500; +} + .text-sm { font-size: 0.7rem; }