From 12ef611d61d29867c61559b848b30663e47bf765 Mon Sep 17 00:00:00 2001 From: jwnasambu Date: Tue, 21 Jan 2025 01:25:42 +0300 Subject: [PATCH 1/2] fix/O3-4267: The empty state title's font is different than the one with filled data --- packages/esm-appointments-app/src/empty-state/empty-state.scss | 2 +- .../src/empty-state/empty-state.scss | 2 +- .../src/list-details-table/list-details-table.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/esm-appointments-app/src/empty-state/empty-state.scss b/packages/esm-appointments-app/src/empty-state/empty-state.scss index 75581297c..1696ceab8 100644 --- a/packages/esm-appointments-app/src/empty-state/empty-state.scss +++ b/packages/esm-appointments-app/src/empty-state/empty-state.scss @@ -3,7 +3,7 @@ @use '@openmrs/esm-styleguide/src/vars' as *; .content { - @include type.type-style('heading-compact-01'); + @include type.type-style('body-compact-02'); color: $text-02; margin-top: layout.$spacing-05; margin-bottom: layout.$spacing-03; diff --git a/packages/esm-patient-list-management-app/src/empty-state/empty-state.scss b/packages/esm-patient-list-management-app/src/empty-state/empty-state.scss index e5a1633e6..584d3ce1a 100644 --- a/packages/esm-patient-list-management-app/src/empty-state/empty-state.scss +++ b/packages/esm-patient-list-management-app/src/empty-state/empty-state.scss @@ -12,7 +12,7 @@ } .content { - @include type.type-style('heading-compact-01'); + @include type.type-style('body-compact-02'); color: $text-02; margin-top: layout.$spacing-05; margin-bottom: layout.$spacing-03; diff --git a/packages/esm-patient-list-management-app/src/list-details-table/list-details-table.scss b/packages/esm-patient-list-management-app/src/list-details-table/list-details-table.scss index 509f7b4cd..cb6bcdd53 100644 --- a/packages/esm-patient-list-management-app/src/list-details-table/list-details-table.scss +++ b/packages/esm-patient-list-management-app/src/list-details-table/list-details-table.scss @@ -83,7 +83,7 @@ div#table-tool-bar { } .content { - @include type.type-style('heading-compact-01'); + @include type.type-style('body-compact-02'); color: $text-02; margin-top: layout.$spacing-05; margin-bottom: layout.$spacing-03; From 0afa2523db488aa71ed05046641c80cfe00d0d2b Mon Sep 17 00:00:00 2001 From: jwnasambu Date: Mon, 27 Jan 2025 13:31:56 +0300 Subject: [PATCH 2/2] The empty state tile content should use the heading-compact-02 type --- packages/esm-appointments-app/src/empty-state/empty-state.scss | 2 +- .../src/empty-state/empty-state.scss | 2 +- .../src/list-details-table/list-details-table.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/esm-appointments-app/src/empty-state/empty-state.scss b/packages/esm-appointments-app/src/empty-state/empty-state.scss index 1696ceab8..0e9f394cd 100644 --- a/packages/esm-appointments-app/src/empty-state/empty-state.scss +++ b/packages/esm-appointments-app/src/empty-state/empty-state.scss @@ -3,7 +3,7 @@ @use '@openmrs/esm-styleguide/src/vars' as *; .content { - @include type.type-style('body-compact-02'); + @include type.type-style('heading-compact-02'); color: $text-02; margin-top: layout.$spacing-05; margin-bottom: layout.$spacing-03; diff --git a/packages/esm-patient-list-management-app/src/empty-state/empty-state.scss b/packages/esm-patient-list-management-app/src/empty-state/empty-state.scss index 584d3ce1a..6b1c29724 100644 --- a/packages/esm-patient-list-management-app/src/empty-state/empty-state.scss +++ b/packages/esm-patient-list-management-app/src/empty-state/empty-state.scss @@ -12,7 +12,7 @@ } .content { - @include type.type-style('body-compact-02'); + @include type.type-style('heading-compact-02'); color: $text-02; margin-top: layout.$spacing-05; margin-bottom: layout.$spacing-03; diff --git a/packages/esm-patient-list-management-app/src/list-details-table/list-details-table.scss b/packages/esm-patient-list-management-app/src/list-details-table/list-details-table.scss index cb6bcdd53..055181c40 100644 --- a/packages/esm-patient-list-management-app/src/list-details-table/list-details-table.scss +++ b/packages/esm-patient-list-management-app/src/list-details-table/list-details-table.scss @@ -83,7 +83,7 @@ div#table-tool-bar { } .content { - @include type.type-style('body-compact-02'); + @include type.type-style('heading-compact-02'); color: $text-02; margin-top: layout.$spacing-05; margin-bottom: layout.$spacing-03;