From 8f7cae36d8478c263533a30f4667b0f1bd0156e7 Mon Sep 17 00:00:00 2001
From: Valentino Giardino <77643678+valentinogiardino@users.noreply.github.com>
Date: Fri, 16 Aug 2024 15:26:11 -0300
Subject: [PATCH] chore(design system): Fix large font-sizes inconsistencies
#28724 (#29611)
### Proposed Changes
* Replaced `lmd` with `md`
* Replaced `lg` with `lmd`
* Replaced `xl` with `lg`
* Replaced `xxl` with `xl`
* Replaced `xxxl` with `xxl`
* Corrected font-size in `dot-apps`
* Adjusted font-size for "show archive" label in templates and
containers portlets
* Updated `.cw-rule` font-size for rules portlet
### Additional Info
This PR fixes #28724. The previous pull request failed QA due to some
inconsistencies.
This PR includes missing replacements, specifically for font sizes
`$font-size-lmd`, `lg`, `xl`, `xxl`, and `xxxl`. The extensive changes
to files are due to these replacements. *Care was taken to avoid
modifying font sizes that were corrected in the previous PR*.
The replacement process followed this order to avoid collisions: `lmd`
to `md`, `lg` to `lmd`, `xl` to `lg`, `xxl` to `xl`, and `xxxl` to
`xxl`. Additionally, missing font size properties were added to portlets
where they were previously omitted, including in `dot-apps`, templates,
and containers portlets.
### Screenshots
Original (Header) | Updated
:-------------------------:|:-------------------------:
|
Original (show archive)|Updated
|
Original (apps cards)|Updated
|
Original (apps detail)|Updated
|
Original (apps form)|Updated
|
Original (rules "evaluate")|Updated
|
Original (overlaypanel titles)|Updated
|
---
core-web/apps/dotcdn/src/app/app.component.scss | 2 +-
...t-apps-configuration-detail-form.component.scss | 4 ++--
.../dot-apps-configuration-detail.component.scss | 3 ++-
.../dot-apps-configuration-header.component.scss | 6 +++---
.../dot-apps-configuration.component.scss | 5 +++--
.../dot-apps-card/dot-apps-card.component.scss | 2 +-
.../dot-apps-list/dot-apps-list.component.scss | 1 +
.../dot-categories-list.component.scss | 2 +-
.../container-list/container-list.component.scss | 2 +-
.../dot-container-properties.component.scss | 2 +-
.../dot-edit-page-info.component.scss | 2 +-
.../dot-whats-changed.component.scss | 2 +-
.../dot-edit-page-info-seo.component.scss | 2 +-
.../dot-pages-favorite-panel.component.scss | 2 +-
.../dot-starter/dot-starter.component.scss | 14 +++++++-------
.../dot-convert-wysiwyg-to-block.component.scss | 4 ++--
.../content-type-fields-add-row.component.scss | 2 +-
.../layout/content-types-layout.component.scss | 4 ++--
.../dot-bulk-information.component.scss | 4 ++--
.../dot-empty-state/dot-empty-state.component.scss | 2 +-
.../dot-generate-secure-password.component.scss | 2 +-
.../dot-md-icon-selector.component.scss | 6 +++---
.../dot-site-selector.component.scss | 2 +-
.../dot-crumbtrail/dot-crumbtrail.component.scss | 6 +++---
.../dot-edit-layout-sidebar.component.scss | 2 +-
.../dot-layout-designer.component.scss | 2 +-
.../dot-theme-selector.component.scss | 6 +++---
.../action-header/action-header.component.scss | 1 +
.../dot-listing-data-table.component.scss | 2 +-
.../dot-message-display.component.scss | 2 +-
.../dot-portlet-toolbar.component.scss | 2 +-
.../dot-relationship-tree.component.scss | 2 +-
.../dot-secondary-toolbar.component.scss | 4 ++--
.../dot-theme-selector-dropdown.component.scss | 2 +-
.../dot-toolbar-announcements.component.scss | 4 ++--
.../dot-toolbar-notifications.component.scss | 2 +-
.../dot-toolbar-user.component.scss | 2 +-
.../components/global-search/global-search.scss | 2 +-
.../dot-upload-asset.component.scss | 2 +-
.../upload-placeholder.component.scss | 2 +-
.../contentlet-block.component.scss | 2 +-
.../dot-unlicense/dot-unlicense.component.scss | 2 +-
.../libs/dot-rules/src/lib/styles/rule-engine.scss | 5 +++--
.../dot-binary-file-preview.scss | 2 +-
.../dotcms-theme/components/_accordion.scss | 2 +-
.../angular/dotcms-theme/components/_card.scss | 2 +-
.../angular/dotcms-theme/components/_chip.scss | 4 ++--
.../dotcms-theme/components/_confirmpopup.scss | 2 +-
.../angular/dotcms-theme/components/_dataview.scss | 2 +-
.../angular/dotcms-theme/components/_dialog.scss | 2 +-
.../angular/dotcms-theme/components/_image.scss | 4 ++--
.../angular/dotcms-theme/components/_panel.scss | 4 ++--
.../dotcms-theme/components/buttons/common.scss | 2 +-
.../dotcms-theme/components/form/_calendar.scss | 2 +-
.../dotcms-theme/components/messages/_message.scss | 2 +-
.../dotcms-theme/utils/_theme-variables.scss | 2 +-
.../jsp/scss/backend/dot-admin/forms/_fields.scss | 2 +-
.../dot-admin/portlets/_calendar-events.scss | 2 +-
.../backend/dot-admin/portlets/_view-roles.scss | 2 +-
.../backend/dot-admin/portlets/_view-users.scss | 2 +-
.../dotcms-scss/jsp/scss/dijit/form/_button.scss | 2 +-
.../dot-edit-content-aside.component.scss | 2 +-
.../edit-content.layout.component.scss | 2 +-
...dot-category-field-category-list.component.scss | 2 +-
.../dot-category-field-sidebar.component.scss | 2 +-
...-experiments-configuration-goals.component.scss | 2 +-
...riments-configuration-scheduling.component.scss | 2 +-
...eriments-configuration-targeting.component.scss | 2 +-
...iguration-traffic-allocation-add.component.scss | 4 ++--
...-configuration-traffic-split-add.component.scss | 4 ++--
...xperiments-configuration-traffic.component.scss | 2 +-
...periments-configuration-variants.component.scss | 2 +-
.../dot-experiments-reports-chart.component.scss | 2 +-
.../dot-experiment-options.component.scss | 2 +-
.../dot-experiments-details-table.component.scss | 2 +-
...ot-experiments-goals-coming-soon.component.scss | 2 +-
.../dot-experiments-ui-header.component.scss | 2 +-
.../DotLocaleConfirmationDialog.component.scss | 2 +-
.../edit-ema-navigation-bar.component.scss | 2 +-
.../dot-content-compare-table.component.scss | 2 +-
.../dot-device-selector-seo.component.scss | 2 +-
.../dot-results-seo-tool.component.scss | 4 ++--
.../dot-select-seo-tool.component.scss | 4 ++--
.../add-widget/add-widget.component.scss | 2 +-
.../dot-layout-properties.component.scss | 2 +-
.../template-builder-section.component.scss | 2 +-
.../template-builder-sidebar.component.scss | 2 +-
.../dot-empty-container.component.scss | 2 +-
.../dot-info-page/dot-info-page.component.scss | 2 +-
.../dot-not-license/dot-not-license.component.scss | 2 +-
.../dot-sidebar-header.component.scss | 2 +-
91 files changed, 123 insertions(+), 118 deletions(-)
diff --git a/core-web/apps/dotcdn/src/app/app.component.scss b/core-web/apps/dotcdn/src/app/app.component.scss
index e246af98502c..e511e14b973b 100644
--- a/core-web/apps/dotcdn/src/app/app.component.scss
+++ b/core-web/apps/dotcdn/src/app/app.component.scss
@@ -83,7 +83,7 @@ h1 {
.dot-cdn__tab-content-label {
margin: 0;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
.dot-cdn__tab-content__row:first-child {
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration-detail/dot-apps-configuration-detail-form/dot-apps-configuration-detail-form.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration-detail/dot-apps-configuration-detail-form/dot-apps-configuration-detail-form.component.scss
index b60022aab896..338a5ca7faa7 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration-detail/dot-apps-configuration-detail-form/dot-apps-configuration-detail-form.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration-detail/dot-apps-configuration-detail-form/dot-apps-configuration-detail-form.component.scss
@@ -35,7 +35,7 @@
input,
textarea {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
width: 100%;
}
@@ -52,7 +52,7 @@
}
p-checkbox label {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
p-checkbox.required label:before,
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration-detail/dot-apps-configuration-detail.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration-detail/dot-apps-configuration-detail.component.scss
index 20fac414c79f..17e4ba99693c 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration-detail/dot-apps-configuration-detail.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration-detail/dot-apps-configuration-detail.component.scss
@@ -28,7 +28,7 @@
color: $black;
display: flex;
justify-content: space-between;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: $font-weight-semi-bold;
padding: $spacing-3;
@@ -49,4 +49,5 @@
flex-direction: column;
overflow-y: auto;
width: 100%;
+ font-size: $font-size-md;
}
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration-header/dot-apps-configuration-header.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration-header/dot-apps-configuration-header.component.scss
index 2540b04f0a0f..9c75dd1f54d1 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration-header/dot-apps-configuration-header.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration-header/dot-apps-configuration-header.component.scss
@@ -31,7 +31,7 @@
color: $black;
cursor: pointer;
display: inline-block;
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
font-weight: bold;
margin: 0;
}
@@ -39,7 +39,7 @@
.dot-apps-configuration__service-key {
color: $color-palette-gray-700;
display: inline-block;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
margin-left: $spacing-3;
display: flex;
align-items: center;
@@ -71,7 +71,7 @@
.dot-apps-configuration__description__link_show-more {
background-color: $white;
cursor: pointer;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
padding-left: $spacing-1;
position: absolute;
bottom: 0;
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration/dot-apps-configuration.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration/dot-apps-configuration.component.scss
index 200da3d62d51..916fa8b31191 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration/dot-apps-configuration.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-configuration/dot-apps-configuration.component.scss
@@ -39,12 +39,12 @@
}
.dot-apps-configuration__add-configurations-title {
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
font-weight: bold;
}
.dot-apps-configuration__add-configurations-description {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
margin-bottom: $spacing-9;
margin-top: $spacing-4;
}
@@ -54,4 +54,5 @@
box-shadow: $shadow-m;
overflow-y: auto;
width: 100%;
+ font-size: $font-size-md;
}
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-card/dot-apps-card.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-card/dot-apps-card.component.scss
index 7f92a8fff966..1aa55df1b549 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-card/dot-apps-card.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-card/dot-apps-card.component.scss
@@ -91,7 +91,7 @@ p-avatar {
color: $black;
display: block;
flex: 1;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: bold;
text-overflow: ellipsis;
transition: color $basic-speed ease;
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-list.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-list.component.scss
index 40f95cb7e647..52f1f889a623 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-list.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-apps/dot-apps-list/dot-apps-list.component.scss
@@ -59,4 +59,5 @@
background-color: $white;
box-shadow: $shadow-m;
padding-top: $spacing-4;
+ font-size: $font-size-md;
}
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-categories/dot-categories-list/dot-categories-list.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-categories/dot-categories-list/dot-categories-list.component.scss
index 3e9a6ebe82af..08990edf8415 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-categories/dot-categories-list/dot-categories-list.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-categories/dot-categories-list/dot-categories-list.component.scss
@@ -19,6 +19,6 @@ dot-portlet-base {
display: flex;
justify-content: center;
font-size: $spacing-9;
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
}
}
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/container-list/container-list.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/container-list/container-list.component.scss
index e04b256db9fb..dfa9593a380a 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/container-list/container-list.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/container-list/container-list.component.scss
@@ -49,6 +49,6 @@ dot-content-type-selector {
.listing-datatable__empty {
display: flex;
justify-content: center;
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
margin-top: $spacing-4;
}
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/dot-container-create/dot-container-properties/dot-container-properties.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/dot-container-create/dot-container-properties/dot-container-properties.component.scss
index d4d57356acc7..5578b326a896 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/dot-container-create/dot-container-properties/dot-container-properties.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-containers/dot-container-create/dot-container-properties/dot-container-properties.component.scss
@@ -27,7 +27,7 @@
.dot-container-properties__title-text {
display: inline-block;
padding-right: $spacing-2;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
.dot-container-properties__max-contents-input {
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/components/dot-edit-page-info/dot-edit-page-info.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/components/dot-edit-page-info/dot-edit-page-info.component.scss
index 249c8631f404..b0a4dcf04feb 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/components/dot-edit-page-info/dot-edit-page-info.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/components/dot-edit-page-info/dot-edit-page-info.component.scss
@@ -10,6 +10,6 @@ h2 {
margin: 0 $spacing-3 0 0;
align-self: center;
color: $font-color-base;
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
font-weight: normal;
}
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/content/components/dot-whats-changed/dot-whats-changed.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/content/components/dot-whats-changed/dot-whats-changed.component.scss
index 25a665b93a73..e78404e4dc4f 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/content/components/dot-whats-changed/dot-whats-changed.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/content/components/dot-whats-changed/dot-whats-changed.component.scss
@@ -17,6 +17,6 @@
.whats-changed__empty-state {
text-align: center;
margin-top: $spacing-9;
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
}
}
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-edit-page-info-seo/dot-edit-page-info-seo.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-edit-page-info-seo/dot-edit-page-info-seo.component.scss
index 249c8631f404..b0a4dcf04feb 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-edit-page-info-seo/dot-edit-page-info-seo.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-edit-page-info-seo/dot-edit-page-info-seo.component.scss
@@ -10,6 +10,6 @@ h2 {
margin: 0 $spacing-3 0 0;
align-self: center;
color: $font-color-base;
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
font-weight: normal;
}
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-pages/dot-pages-favorite-panel/dot-pages-favorite-panel.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-pages/dot-pages-favorite-panel/dot-pages-favorite-panel.component.scss
index 991cbeff1e57..cfec3aa18f79 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-pages/dot-pages-favorite-panel/dot-pages-favorite-panel.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-pages/dot-pages-favorite-panel/dot-pages-favorite-panel.component.scss
@@ -61,7 +61,7 @@
i.pi {
color: $color-palette-primary;
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
margin-bottom: $spacing-3;
}
}
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-starter/dot-starter.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-starter/dot-starter.component.scss
index d1aff39f8c87..1da17ee41c34 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/dot-starter/dot-starter.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/dot-starter/dot-starter.component.scss
@@ -29,7 +29,7 @@ $number-link-icon-size: 2.28rem;
.dot-starter-title {
color: $black;
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
margin: $spacing-5 $spacing-3 $spacing-1;
}
@@ -107,7 +107,7 @@ $number-link-icon-size: 2.28rem;
h4 {
color: $black;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: $font-weight-semi-bold;
margin: 0;
}
@@ -123,13 +123,13 @@ $number-link-icon-size: 2.28rem;
i {
color: $color-palette-gray-500;
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
margin-right: $spacing-3;
}
}
.dot-starter-top-main__title {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: $font-weight-semi-bold;
margin: 0;
border-bottom: 1px solid $color-palette-gray-300;
@@ -166,7 +166,7 @@ $number-link-icon-size: 2.28rem;
h4 {
color: $black;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
margin: 0;
}
p {
@@ -180,7 +180,7 @@ $number-link-icon-size: 2.28rem;
h4 {
color: $color-palette-primary;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: 500;
margin: 0;
padding-bottom: $spacing-1;
@@ -228,7 +228,7 @@ $number-link-icon-size: 2.28rem;
h4 {
color: $black;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
margin: 0;
}
p {
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/dot-convert-wysiwyg-to-block/dot-convert-wysiwyg-to-block.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/dot-convert-wysiwyg-to-block/dot-convert-wysiwyg-to-block.component.scss
index 30c3519158d9..72bbabbe97c2 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/dot-convert-wysiwyg-to-block/dot-convert-wysiwyg-to-block.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/dot-convert-wysiwyg-to-block/dot-convert-wysiwyg-to-block.component.scss
@@ -9,12 +9,12 @@
}
h3 {
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
margin: $spacing-2 0;
}
h4 {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
margin: $spacing-2 0;
}
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/fields/content-type-fields-add-row/content-type-fields-add-row.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/fields/content-type-fields-add-row/content-type-fields-add-row.component.scss
index 7ea71d69c571..7c334c20e07a 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/fields/content-type-fields-add-row/content-type-fields-add-row.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/fields/content-type-fields-add-row/content-type-fields-add-row.component.scss
@@ -40,7 +40,7 @@ $row-height: 70px;
position: relative;
.dot-add-rows-columns-list__title {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
p-button {
diff --git a/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/layout/content-types-layout.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/layout/content-types-layout.component.scss
index afa0f5e99cb1..9094205f2edd 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/layout/content-types-layout.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/layout/content-types-layout.component.scss
@@ -101,7 +101,7 @@ $top-height: ($toolbar-height + $tabview-nav-height + $dot-secondary-toolbar-mai
}
.content-type__title {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
display: flex;
flex-flow: column wrap;
@@ -145,7 +145,7 @@ $top-height: ($toolbar-height + $tabview-nav-height + $dot-secondary-toolbar-mai
}
.content-type__dot-separator {
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
margin: 0 4px;
vertical-align: middle;
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-bulk-information/dot-bulk-information.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-bulk-information/dot-bulk-information.component.scss
index 0c3558983f42..2dc4313d9f02 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-bulk-information/dot-bulk-information.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-bulk-information/dot-bulk-information.component.scss
@@ -2,7 +2,7 @@
.bulk-information__success-message {
color: $color-palette-gray-700;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
text-align: center;
padding-top: $spacing-3;
padding-bottom: $spacing-5;
@@ -40,7 +40,7 @@
}
h5 {
padding-bottom: $spacing-1;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
padding: $spacing-3;
box-shadow: $shadow-xs;
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-empty-state/dot-empty-state.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-empty-state/dot-empty-state.component.scss
index cf4ea4e7ceff..24c103932cd6 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-empty-state/dot-empty-state.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-empty-state/dot-empty-state.component.scss
@@ -28,7 +28,7 @@
}
h3 {
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
margin: $spacing-3 0 $spacing-2 0;
font-weight: $font-weight-semi-bold;
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-generate-secure-password/dot-generate-secure-password.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-generate-secure-password/dot-generate-secure-password.component.scss
index 9694a3e138d7..74dd80032da6 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-generate-secure-password/dot-generate-secure-password.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-generate-secure-password/dot-generate-secure-password.component.scss
@@ -12,7 +12,7 @@
border: 0;
background-color: transparent;
color: $black;
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
font-weight: bold;
text-align: center;
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-md-icon-selector/dot-md-icon-selector.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-md-icon-selector/dot-md-icon-selector.component.scss
index fa470a931891..4847f6410df2 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-md-icon-selector/dot-md-icon-selector.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-md-icon-selector/dot-md-icon-selector.component.scss
@@ -32,7 +32,7 @@ dot-material-icon-picker {
}
.dot-material-icon__preview {
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
}
.dot-material-icon__button {
@@ -43,7 +43,7 @@ dot-material-icon-picker {
justify-content: center;
mwc-icon {
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
width: $field-height-md;
}
}
@@ -69,7 +69,7 @@ dot-material-icon-picker {
}
mwc-icon {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
}
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-site-selector/dot-site-selector.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-site-selector/dot-site-selector.component.scss
index 6b066c7780f7..46894c557095 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-site-selector/dot-site-selector.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-site-selector/dot-site-selector.component.scss
@@ -2,7 +2,7 @@
@import "mixins";
.site-selector__title {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
.site-selector__modal {
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-crumbtrail/dot-crumbtrail.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-crumbtrail/dot-crumbtrail.component.scss
index 39e51af8543a..567652908b22 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-crumbtrail/dot-crumbtrail.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-crumbtrail/dot-crumbtrail.component.scss
@@ -3,17 +3,17 @@
:host ::ng-deep .p-breadcrumb {
ul li {
&:first-child {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
a span.p-menuitem-text {
color: $black;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: $font-weight-regular-bold;
}
}
.p-menuitem-link[href] {
.p-menuitem-text {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-edit-layout-designer/components/dot-edit-layout-sidebar/dot-edit-layout-sidebar.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-edit-layout-designer/components/dot-edit-layout-sidebar/dot-edit-layout-sidebar.component.scss
index 98ca159ce7e3..272fd0415e6a 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-edit-layout-designer/components/dot-edit-layout-sidebar/dot-edit-layout-sidebar.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-edit-layout-designer/components/dot-edit-layout-sidebar/dot-edit-layout-sidebar.component.scss
@@ -29,7 +29,7 @@ h6 {
align-items: center;
background-color: $color-palette-gray-200;
display: flex;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: normal;
height: 48px;
margin: 0;
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-edit-layout-designer/components/dot-layout-designer/dot-layout-designer.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-edit-layout-designer/components/dot-layout-designer/dot-layout-designer.component.scss
index 8a7a57bd18b9..9cf6cf07c14c 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-edit-layout-designer/components/dot-layout-designer/dot-layout-designer.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-edit-layout-designer/components/dot-layout-designer/dot-layout-designer.component.scss
@@ -31,7 +31,7 @@
color: $color-palette-gray-700;
display: flex;
flex-shrink: 0;
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
justify-content: center;
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-edit-layout-designer/components/dot-theme-selector/dot-theme-selector.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-edit-layout-designer/components/dot-theme-selector/dot-theme-selector.component.scss
index dc855474b9b1..586cfbadb71d 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-edit-layout-designer/components/dot-theme-selector/dot-theme-selector.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-edit-layout-designer/components/dot-theme-selector/dot-theme-selector.component.scss
@@ -9,7 +9,7 @@ $theme-item-dimension: 240px;
dot-searchable-dropdown .p-button,
.site-selector__title {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
min-width: 200px;
}
}
@@ -39,7 +39,7 @@ $theme-item-dimension: 240px;
.p-dataview-content .p-widget-content.p-g-12 {
text-align: center;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
margin-top: $spacing-7;
}
@@ -65,7 +65,7 @@ $theme-item-dimension: 240px;
position: relative;
input {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
dot-icon {
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-listing-data-table/action-header/action-header.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-listing-data-table/action-header/action-header.component.scss
index f847054abf67..03ebf2407a9b 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-listing-data-table/action-header/action-header.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-listing-data-table/action-header/action-header.component.scss
@@ -10,6 +10,7 @@
flex-direction: row-reverse;
align-items: center;
padding: $spacing-3 $spacing-5;
+ font-size: $font-size-md;
&.selected {
.action-header__primary-button {
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-listing-data-table/dot-listing-data-table.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-listing-data-table/dot-listing-data-table.component.scss
index 0dc9df6dbf5c..ed55aa33d1ac 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-listing-data-table/dot-listing-data-table.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-listing-data-table/dot-listing-data-table.component.scss
@@ -69,7 +69,7 @@
display: flex;
justify-content: center;
font-size: $spacing-9;
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
margin-top: $spacing-9;
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-message-display/dot-message-display.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-message-display/dot-message-display.component.scss
index b508533385ea..587bd2661bd1 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-message-display/dot-message-display.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-message-display/dot-message-display.component.scss
@@ -11,7 +11,7 @@
h4,
h5,
h6 {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: bold;
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-portlet-base/components/dot-portlet-toolbar/dot-portlet-toolbar.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-portlet-base/components/dot-portlet-toolbar/dot-portlet-toolbar.component.scss
index 2c8c30577fae..0cf913a0f61d 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-portlet-base/components/dot-portlet-toolbar/dot-portlet-toolbar.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-portlet-base/components/dot-portlet-toolbar/dot-portlet-toolbar.component.scss
@@ -8,7 +8,7 @@
h3 {
margin: 0 $spacing-2 0 0;
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
line-height: 1.6; // Default 39px height
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-relationship-tree/dot-relationship-tree.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-relationship-tree/dot-relationship-tree.component.scss
index 769cb7030a9a..cd06b9fc89c1 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-relationship-tree/dot-relationship-tree.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-relationship-tree/dot-relationship-tree.component.scss
@@ -41,7 +41,7 @@
display: flex;
justify-content: space-evenly;
align-items: flex-end;
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
line-height: 1px;
}
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-secondary-toolbar/dot-secondary-toolbar.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-secondary-toolbar/dot-secondary-toolbar.component.scss
index 378645889ae1..19671df63120 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-secondary-toolbar/dot-secondary-toolbar.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-secondary-toolbar/dot-secondary-toolbar.component.scss
@@ -65,7 +65,7 @@
h2 {
color: inherit;
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
font-weight: normal;
}
@@ -85,7 +85,7 @@
.main-toolbar-right {
h2 {
margin: 0;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
}
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-theme-selector-dropdown/dot-theme-selector-dropdown.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-theme-selector-dropdown/dot-theme-selector-dropdown.component.scss
index aa0023ac26c2..449024be0868 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-theme-selector-dropdown/dot-theme-selector-dropdown.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-theme-selector-dropdown/dot-theme-selector-dropdown.component.scss
@@ -32,7 +32,7 @@
background: $bg-highlight;
width: 3.43rem;
height: 3.43rem;
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
color: $color-palette-primary-400;
text-transform: uppercase;
text-align: center;
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-toolbar/components/dot-toolbar-announcements/dot-toolbar-announcements.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-toolbar/components/dot-toolbar-announcements/dot-toolbar-announcements.component.scss
index 38f018db7b69..99903041c591 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-toolbar/components/dot-toolbar-announcements/dot-toolbar-announcements.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-toolbar/components/dot-toolbar-announcements/dot-toolbar-announcements.component.scss
@@ -56,7 +56,7 @@
margin: 0;
padding-bottom: $spacing-1;
border-bottom: 1px solid $color-palette-gray-300;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
.announcements__content {
@@ -76,7 +76,7 @@
background-color: var(--color-palette-secondary-200);
color: var(--color-palette-secondary-500);
border-radius: 50%;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
.announcements__label {
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-toolbar/components/dot-toolbar-notifications/dot-toolbar-notifications.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-toolbar/components/dot-toolbar-notifications/dot-toolbar-notifications.component.scss
index f64bf9f52fdc..99491044740b 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-toolbar/components/dot-toolbar-notifications/dot-toolbar-notifications.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-toolbar/components/dot-toolbar-notifications/dot-toolbar-notifications.component.scss
@@ -52,7 +52,7 @@ $notification-dot-badge-size: 0.625rem;
}
.toolbar-notifications__title {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
margin: 0;
padding-bottom: $spacing-0;
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-toolbar/components/dot-toolbar-user/dot-toolbar-user.component.scss b/core-web/apps/dotcms-ui/src/app/view/components/dot-toolbar/components/dot-toolbar-user/dot-toolbar-user.component.scss
index 1be13261a2ab..6f0c28dc5ce9 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-toolbar/components/dot-toolbar-user/dot-toolbar-user.component.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-toolbar/components/dot-toolbar-user/dot-toolbar-user.component.scss
@@ -20,7 +20,7 @@ p-avatar {
.toolbar-user__user-name {
margin: 0;
white-space: nowrap;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
color: $black;
}
}
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/global-search/global-search.scss b/core-web/apps/dotcms-ui/src/app/view/components/global-search/global-search.scss
index f77b771732ce..857c9fe66700 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/global-search/global-search.scss
+++ b/core-web/apps/dotcms-ui/src/app/view/components/global-search/global-search.scss
@@ -11,7 +11,7 @@ $placeholder-color: $color-palette-white-op-50;
background-color: $color-palette-white-op-20;
border: none;
color: $white;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
height: 36px;
padding: 0 10px;
width: 100%;
diff --git a/core-web/libs/block-editor/src/lib/extensions/asset-form/components/dot-upload-asset/dot-upload-asset.component.scss b/core-web/libs/block-editor/src/lib/extensions/asset-form/components/dot-upload-asset/dot-upload-asset.component.scss
index cb7ea74a61e0..6a14096f389a 100644
--- a/core-web/libs/block-editor/src/lib/extensions/asset-form/components/dot-upload-asset/dot-upload-asset.component.scss
+++ b/core-web/libs/block-editor/src/lib/extensions/asset-form/components/dot-upload-asset/dot-upload-asset.component.scss
@@ -12,7 +12,7 @@
.error {
color: $error;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
max-width: 100%;
white-space: pre-wrap;
}
diff --git a/core-web/libs/block-editor/src/lib/extensions/asset-uploader/components/upload-placeholder/upload-placeholder.component.scss b/core-web/libs/block-editor/src/lib/extensions/asset-uploader/components/upload-placeholder/upload-placeholder.component.scss
index d7a8f7c27660..edbb3cdd917c 100644
--- a/core-web/libs/block-editor/src/lib/extensions/asset-uploader/components/upload-placeholder/upload-placeholder.component.scss
+++ b/core-web/libs/block-editor/src/lib/extensions/asset-uploader/components/upload-placeholder/upload-placeholder.component.scss
@@ -28,6 +28,6 @@
background-color: $color-palette-gray-200;
display: block;
padding: $dot-editor-size;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
width: 100%;
}
diff --git a/core-web/libs/block-editor/src/lib/nodes/contentlet-block/contentlet-block.component.scss b/core-web/libs/block-editor/src/lib/nodes/contentlet-block/contentlet-block.component.scss
index f68ba0070fcf..a65eb6018c86 100644
--- a/core-web/libs/block-editor/src/lib/nodes/contentlet-block/contentlet-block.component.scss
+++ b/core-web/libs/block-editor/src/lib/nodes/contentlet-block/contentlet-block.component.scss
@@ -58,7 +58,7 @@
padding: 0;
text-overflow: ellipsis;
white-space: nowrap;
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
}
}
}
diff --git a/core-web/libs/dot-rules/src/lib/components/dot-unlicense/dot-unlicense.component.scss b/core-web/libs/dot-rules/src/lib/components/dot-unlicense/dot-unlicense.component.scss
index 77b2d2b6abbe..4196189448c8 100644
--- a/core-web/libs/dot-rules/src/lib/components/dot-unlicense/dot-unlicense.component.scss
+++ b/core-web/libs/dot-rules/src/lib/components/dot-unlicense/dot-unlicense.component.scss
@@ -16,7 +16,7 @@
}
h4 {
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
font-weight: 400;
margin: $spacing-3 0;
}
diff --git a/core-web/libs/dot-rules/src/lib/styles/rule-engine.scss b/core-web/libs/dot-rules/src/lib/styles/rule-engine.scss
index 120b1c509d39..7255ffc367f5 100644
--- a/core-web/libs/dot-rules/src/lib/styles/rule-engine.scss
+++ b/core-web/libs/dot-rules/src/lib/styles/rule-engine.scss
@@ -244,6 +244,7 @@ $finder-s-input: ".ui.input input";
border: 1px solid $background-primary;
border-radius: 0.5em;
background-color: #fff;
+ font-size: $font-size-md;
.cw-header-actions {
margin-right: 0.5em;
@@ -538,7 +539,7 @@ $finder-s-input: ".ui.input input";
}
h2 {
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
margin: 0;
color: $color-palette-gray-700;
}
@@ -576,7 +577,7 @@ $finder-s-input: ".ui.input input";
i {
color: $white;
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
}
}
}
diff --git a/core-web/libs/dotcms-field-elements/src/components/dot-binary-file-preview/dot-binary-file-preview.scss b/core-web/libs/dotcms-field-elements/src/components/dot-binary-file-preview/dot-binary-file-preview.scss
index e969b9fc64a0..3c2d364df8a4 100644
--- a/core-web/libs/dotcms-field-elements/src/components/dot-binary-file-preview/dot-binary-file-preview.scss
+++ b/core-web/libs/dotcms-field-elements/src/components/dot-binary-file-preview/dot-binary-file-preview.scss
@@ -37,7 +37,7 @@ dot-binary-file-preview {
overflow: hidden;
padding: 0.5rem;
text-overflow: ellipsis;
- font-size: $font-size-xxxl;
+ font-size: $font-size-xxl;
}
}
}
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_accordion.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_accordion.scss
index 418a55184ccf..3b06d66e7d08 100644
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_accordion.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_accordion.scss
@@ -7,7 +7,7 @@
font-weight: $font-weight-semi-bold;
border-radius: $border-radius-md;
transition: box-shadow 0.2s;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: $spacing-1;
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_card.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_card.scss
index 63db0564f15a..5625cc68a847 100755
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_card.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_card.scss
@@ -20,7 +20,7 @@
padding: $spacing-4;
.p-card-title {
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
font-weight: 700;
margin-bottom: $spacing-2;
}
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_chip.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_chip.scss
index ed7469fb1bf9..46bc2c4a7824 100644
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_chip.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_chip.scss
@@ -204,10 +204,10 @@ p-chip .p-chip {
&.p-chip-lg {
height: $field-height-lg;
border-radius: $border-radius-lg;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
.p-chip-text {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
}
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_confirmpopup.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_confirmpopup.scss
index 28a92032876c..4ba5a087d2f6 100755
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_confirmpopup.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_confirmpopup.scss
@@ -14,7 +14,7 @@
box-shadow: $shadow-xs;
.p-confirm-popup-icon {
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
color: $color-palette-primary-500;
}
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_dataview.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_dataview.scss
index 7fbc69ea2a8c..7bbac08bd46c 100644
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_dataview.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_dataview.scss
@@ -43,7 +43,7 @@
}
.p-dataview .p-dataview-loading-icon {
- font-size: $font-size-xxxl;
+ font-size: $font-size-xxl;
}
.p-dataview .p-dataview-emptymessage {
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_dialog.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_dialog.scss
index 21c76664823a..366e2200d7ca 100644
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_dialog.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_dialog.scss
@@ -85,7 +85,7 @@
//TODO: This need to go to the confirm-dialog stylesheet when we update the look and feel
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
padding-right: $spacing-1;
color: $color-palette-primary;
}
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_image.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_image.scss
index 1ffafbaa9afa..17218f57a865 100644
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_image.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_image.scss
@@ -9,7 +9,7 @@
color: $white;
.pi-window-maximize {
- font-size: $font-size-xxl;
+ font-size: $font-size-xl;
}
}
@@ -43,7 +43,7 @@
}
i {
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
}
.p-icon {
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_panel.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_panel.scss
index b22e814c4a5d..a4e67b45b1b4 100644
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_panel.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_panel.scss
@@ -15,14 +15,14 @@ p-panel {
}
.p-panel-header {
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
margin: $spacing-1 0;
padding: $spacing-3 0;
position: relative;
.p-panel-icons span {
color: $color-palette-primary;
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
margin-left: $spacing-1;
margin-right: $spacing-2;
}
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/buttons/common.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/buttons/common.scss
index 855ebd625f0b..92bf34098211 100644
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/buttons/common.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/buttons/common.scss
@@ -4,7 +4,7 @@
#large {
height: $field-height-lg;
border-radius: $border-radius-lg;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
.p-button-label {
font-size: inherit;
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_calendar.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_calendar.scss
index 941a9b988f65..40a86fb1e770 100644
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_calendar.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_calendar.scss
@@ -123,7 +123,7 @@
.p-datepicker-year,
.p-datepicker-month,
.p-datepicker-decade {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-family: $font-default;
font-weight: $font-weight-regular-bold;
color: inherit;
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/messages/_message.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/messages/_message.scss
index 27595e09afcd..ad9907fbd8fb 100644
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/messages/_message.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/messages/_message.scss
@@ -143,7 +143,7 @@
font-weight: $font-weight-semi-bold;
}
.p-message .p-message-icon {
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
margin-right: $spacing-1;
}
.p-message .p-message-summary {
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/utils/_theme-variables.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/utils/_theme-variables.scss
index 0033ed155f9d..b235efdad82c 100644
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/utils/_theme-variables.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/utils/_theme-variables.scss
@@ -195,7 +195,7 @@ $tabview-nav-height: 48px;
$menu-link-color: $black;
// DIALOG
-$dialog-title-font-size: $font-size-xxl;
+$dialog-title-font-size: $font-size-xl;
$dialog-message-line-height: $line-height;
$dialog-message-warning-color: $red;
$dialog-close-button-normal-color: $color-palette-black-op-70;
diff --git a/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/forms/_fields.scss b/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/forms/_fields.scss
index 0fd54a214419..94e1cb22cdf7 100644
--- a/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/forms/_fields.scss
+++ b/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/forms/_fields.scss
@@ -120,7 +120,7 @@ Styles for commons fields along the backend
.lineDividerTitle {
color: $color-palette-gray-700;
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
border-bottom: 1px solid $color-palette-gray-400;
padding-bottom: $spacing-1 * 2;
margin: $spacing-1 * 6 0 $spacing-1 * 3;
diff --git a/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/portlets/_calendar-events.scss b/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/portlets/_calendar-events.scss
index 4f58a6a94c11..1f03ca304fb4 100644
--- a/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/portlets/_calendar-events.scss
+++ b/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/portlets/_calendar-events.scss
@@ -14,7 +14,7 @@
.portlet-toolbar__info {
flex: 1 0 auto;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
justify-content: center;
}
}
diff --git a/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/portlets/_view-roles.scss b/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/portlets/_view-roles.scss
index 87d4b18050ac..70283bef47cf 100644
--- a/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/portlets/_view-roles.scss
+++ b/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/portlets/_view-roles.scss
@@ -70,7 +70,7 @@
.nameText {
align-self: center;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: normal;
}
diff --git a/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/portlets/_view-users.scss b/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/portlets/_view-users.scss
index 2b8c14b4b0c0..2741c1a90b83 100644
--- a/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/portlets/_view-users.scss
+++ b/core-web/libs/dotcms-scss/jsp/scss/backend/dot-admin/portlets/_view-users.scss
@@ -129,7 +129,7 @@
}
.fullUserName {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: bold;
margin-bottom: $spacing-1;
padding-bottom: 0;
diff --git a/core-web/libs/dotcms-scss/jsp/scss/dijit/form/_button.scss b/core-web/libs/dotcms-scss/jsp/scss/dijit/form/_button.scss
index 05269b05d940..4bbab6102d51 100644
--- a/core-web/libs/dotcms-scss/jsp/scss/dijit/form/_button.scss
+++ b/core-web/libs/dotcms-scss/jsp/scss/dijit/form/_button.scss
@@ -419,7 +419,7 @@
color: $white;
line-height: $field-height-md;
margin: 0;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
.dijitButtonNode {
diff --git a/core-web/libs/edit-content/src/lib/components/dot-edit-content-aside/dot-edit-content-aside.component.scss b/core-web/libs/edit-content/src/lib/components/dot-edit-content-aside/dot-edit-content-aside.component.scss
index c850939c6479..1a37a83e0879 100644
--- a/core-web/libs/edit-content/src/lib/components/dot-edit-content-aside/dot-edit-content-aside.component.scss
+++ b/core-web/libs/edit-content/src/lib/components/dot-edit-content-aside/dot-edit-content-aside.component.scss
@@ -55,7 +55,7 @@
h2 {
color: $black;
- font-size: $font-size-lmd;
+ font-size: $font-size-md;
font-weight: $font-weight-bold;
line-height: $line-height;
margin: 0;
diff --git a/core-web/libs/edit-content/src/lib/feature/edit-content/edit-content.layout.component.scss b/core-web/libs/edit-content/src/lib/feature/edit-content/edit-content.layout.component.scss
index ef08ea863574..4d9f7a75a579 100644
--- a/core-web/libs/edit-content/src/lib/feature/edit-content/edit-content.layout.component.scss
+++ b/core-web/libs/edit-content/src/lib/feature/edit-content/edit-content.layout.component.scss
@@ -17,7 +17,7 @@
grid-area: topBar;
.pi {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
margin-right: $spacing-1;
}
}
diff --git a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-category-field/components/dot-category-field-category-list/dot-category-field-category-list.component.scss b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-category-field/components/dot-category-field-category-list/dot-category-field-category-list.component.scss
index d486754e9780..2b99e3217102 100644
--- a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-category-field/components/dot-category-field-category-list/dot-category-field-category-list.component.scss
+++ b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-category-field/components/dot-category-field-category-list/dot-category-field-category-list.component.scss
@@ -16,7 +16,7 @@
.category-list__header {
padding: $spacing-1 $spacing-4;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: $font-weight-medium-bold;
border-bottom: 1px solid $color-palette-gray-400;
}
diff --git a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-category-field/components/dot-category-field-sidebar/dot-category-field-sidebar.component.scss b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-category-field/components/dot-category-field-sidebar/dot-category-field-sidebar.component.scss
index edd211993ae2..5fc65e29bdf3 100644
--- a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-category-field/components/dot-category-field-sidebar/dot-category-field-sidebar.component.scss
+++ b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-category-field/components/dot-category-field-sidebar/dot-category-field-sidebar.component.scss
@@ -20,7 +20,7 @@
}
.category-field__header-title {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: $font-weight-medium-bold;
margin: 0;
}
diff --git a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-goals/dot-experiments-configuration-goals.component.scss b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-goals/dot-experiments-configuration-goals.component.scss
index 908b9dd4ed07..9fc89bf38de5 100644
--- a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-goals/dot-experiments-configuration-goals.component.scss
+++ b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-goals/dot-experiments-configuration-goals.component.scss
@@ -6,7 +6,7 @@ h3 {
}
h2 {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: $font-weight-bold;
text-transform: uppercase;
margin-bottom: $spacing-3;
diff --git a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-scheduling/dot-experiments-configuration-scheduling.component.scss b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-scheduling/dot-experiments-configuration-scheduling.component.scss
index 96202f496a62..99717353a9a8 100644
--- a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-scheduling/dot-experiments-configuration-scheduling.component.scss
+++ b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-scheduling/dot-experiments-configuration-scheduling.component.scss
@@ -2,7 +2,7 @@
h2 {
margin: 0;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: $font-weight-bold;
text-transform: uppercase;
}
diff --git a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-targeting/dot-experiments-configuration-targeting.component.scss b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-targeting/dot-experiments-configuration-targeting.component.scss
index 81bf45ae2d4b..7fca01fe16c6 100644
--- a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-targeting/dot-experiments-configuration-targeting.component.scss
+++ b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-targeting/dot-experiments-configuration-targeting.component.scss
@@ -2,7 +2,7 @@
h2 {
margin: 0;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: $font-weight-bold;
text-transform: uppercase;
}
diff --git a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-traffic-allocation-add/dot-experiments-configuration-traffic-allocation-add.component.scss b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-traffic-allocation-add/dot-experiments-configuration-traffic-allocation-add.component.scss
index 69d29b840799..ec0a0db4120d 100644
--- a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-traffic-allocation-add/dot-experiments-configuration-traffic-allocation-add.component.scss
+++ b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-traffic-allocation-add/dot-experiments-configuration-traffic-allocation-add.component.scss
@@ -3,7 +3,7 @@
h5 {
font-weight: $font-weight-bold;
margin: 0;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
.experiment-traffic-allocation-add__form-wrapper {
@@ -11,7 +11,7 @@ h5 {
label {
font-weight: $font-weight-bold;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
p {
diff --git a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-traffic-split-add/dot-experiments-configuration-traffic-split-add.component.scss b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-traffic-split-add/dot-experiments-configuration-traffic-split-add.component.scss
index 8fca23387173..acd6f140f824 100644
--- a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-traffic-split-add/dot-experiments-configuration-traffic-split-add.component.scss
+++ b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-traffic-split-add/dot-experiments-configuration-traffic-split-add.component.scss
@@ -11,7 +11,7 @@
label {
font-weight: $font-weight-bold;
margin-bottom: $spacing-3;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
p-radioButton {
@@ -33,7 +33,7 @@
min-height: 2.7rem;
&.experiment-traffic-split__variants-header {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
color: $color-palette-gray-700;
text-transform: uppercase;
font-weight: $font-weight-bold;
diff --git a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-traffic/dot-experiments-configuration-traffic.component.scss b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-traffic/dot-experiments-configuration-traffic.component.scss
index 19a73bc74cc6..2e98e6fe5847 100644
--- a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-traffic/dot-experiments-configuration-traffic.component.scss
+++ b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-traffic/dot-experiments-configuration-traffic.component.scss
@@ -2,7 +2,7 @@
h2 {
margin: 0;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: 500;
text-transform: uppercase;
}
diff --git a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-variants/dot-experiments-configuration-variants.component.scss b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-variants/dot-experiments-configuration-variants.component.scss
index 88d0e4df281b..3fa3e9d7b9a3 100644
--- a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-variants/dot-experiments-configuration-variants.component.scss
+++ b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-variants/dot-experiments-configuration-variants.component.scss
@@ -3,7 +3,7 @@
.variant--title__wrapper {
h2 {
margin: 0;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: $font-weight-bold;
}
diff --git a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-reports/components/dot-experiments-reports-chart/dot-experiments-reports-chart.component.scss b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-reports/components/dot-experiments-reports-chart/dot-experiments-reports-chart.component.scss
index d7bfd9811a6b..46c17a92b759 100644
--- a/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-reports/components/dot-experiments-reports-chart/dot-experiments-reports-chart.component.scss
+++ b/core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-reports/components/dot-experiments-reports-chart/dot-experiments-reports-chart.component.scss
@@ -21,7 +21,7 @@
}
.empty__message {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
.empty__description {
diff --git a/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiment-options/dot-experiment-options.component.scss b/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiment-options/dot-experiment-options.component.scss
index 3f3c64657371..4e5b14314345 100644
--- a/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiment-options/dot-experiment-options.component.scss
+++ b/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiment-options/dot-experiment-options.component.scss
@@ -26,7 +26,7 @@
}
h2 {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: $font-weight-bold;
}
diff --git a/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiments-details-table/dot-experiments-details-table.component.scss b/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiments-details-table/dot-experiments-details-table.component.scss
index 30871c927b75..fcf6655058ab 100644
--- a/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiments-details-table/dot-experiments-details-table.component.scss
+++ b/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiments-details-table/dot-experiments-details-table.component.scss
@@ -38,7 +38,7 @@
}
.empty__message {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
.empty__description {
diff --git a/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiments-goals-coming-soon/dot-experiments-goals-coming-soon.component.scss b/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiments-goals-coming-soon/dot-experiments-goals-coming-soon.component.scss
index e783c5533f32..ee7b62be8dbd 100644
--- a/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiments-goals-coming-soon/dot-experiments-goals-coming-soon.component.scss
+++ b/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiments-goals-coming-soon/dot-experiments-goals-coming-soon.component.scss
@@ -38,7 +38,7 @@
border-radius: $border-radius-sm $border-radius-sm 0 0;
i {
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
color: $color-palette-primary-500;
}
}
diff --git a/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiments-header/dot-experiments-ui-header.component.scss b/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiments-header/dot-experiments-ui-header.component.scss
index 110039043633..189738be4c07 100644
--- a/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiments-header/dot-experiments-ui-header.component.scss
+++ b/core-web/libs/portlets/dot-experiments/portlet/src/lib/shared/ui/dot-experiments-header/dot-experiments-ui-header.component.scss
@@ -6,7 +6,7 @@
min-height: $dot-secondary-toolbar-main-height;
background-color: $white;
color: $black;
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
border-bottom: 1px solid $color-palette-gray-300;
a {
diff --git a/core-web/libs/portlets/dot-locales/portlet/src/lib/share/ui/DotLocaleConfirmationDialog/DotLocaleConfirmationDialog.component.scss b/core-web/libs/portlets/dot-locales/portlet/src/lib/share/ui/DotLocaleConfirmationDialog/DotLocaleConfirmationDialog.component.scss
index 122c9acb3f0f..7f1e6284501a 100644
--- a/core-web/libs/portlets/dot-locales/portlet/src/lib/share/ui/DotLocaleConfirmationDialog/DotLocaleConfirmationDialog.component.scss
+++ b/core-web/libs/portlets/dot-locales/portlet/src/lib/share/ui/DotLocaleConfirmationDialog/DotLocaleConfirmationDialog.component.scss
@@ -13,7 +13,7 @@
i {
color: $color-alert-yellow;
- font-size: $font-size-lmd;
+ font-size: $font-size-md;
}
}
diff --git a/core-web/libs/portlets/edit-ema/portlet/src/lib/dot-ema-shell/components/edit-ema-navigation-bar/edit-ema-navigation-bar.component.scss b/core-web/libs/portlets/edit-ema/portlet/src/lib/dot-ema-shell/components/edit-ema-navigation-bar/edit-ema-navigation-bar.component.scss
index 76cdfa25fa20..45b4b5713b09 100644
--- a/core-web/libs/portlets/edit-ema/portlet/src/lib/dot-ema-shell/components/edit-ema-navigation-bar/edit-ema-navigation-bar.component.scss
+++ b/core-web/libs/portlets/edit-ema/portlet/src/lib/dot-ema-shell/components/edit-ema-navigation-bar/edit-ema-navigation-bar.component.scss
@@ -29,7 +29,7 @@
position: relative;
.pi {
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
color: $color-palette-primary-800;
}
diff --git a/core-web/libs/portlets/edit-ema/ui/src/lib/dot-content-compare/components/dot-content-compare-table/dot-content-compare-table.component.scss b/core-web/libs/portlets/edit-ema/ui/src/lib/dot-content-compare/components/dot-content-compare-table/dot-content-compare-table.component.scss
index d972ab744bc0..f97035e4fe23 100644
--- a/core-web/libs/portlets/edit-ema/ui/src/lib/dot-content-compare/components/dot-content-compare-table/dot-content-compare-table.component.scss
+++ b/core-web/libs/portlets/edit-ema/ui/src/lib/dot-content-compare/components/dot-content-compare-table/dot-content-compare-table.component.scss
@@ -18,7 +18,7 @@
.dot-content-compare-table__title {
color: $black;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
:host ::ng-deep .p-datatable {
diff --git a/core-web/libs/portlets/edit-ema/ui/src/lib/dot-device-selector-seo/dot-device-selector-seo.component.scss b/core-web/libs/portlets/edit-ema/ui/src/lib/dot-device-selector-seo/dot-device-selector-seo.component.scss
index 4500a7eb05ef..66c2e3bd7db8 100644
--- a/core-web/libs/portlets/edit-ema/ui/src/lib/dot-device-selector-seo/dot-device-selector-seo.component.scss
+++ b/core-web/libs/portlets/edit-ema/ui/src/lib/dot-device-selector-seo/dot-device-selector-seo.component.scss
@@ -24,7 +24,7 @@ $device-selector-name-margin: 0.375rem;
}
.dot-device-selector__header-title {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-style: normal;
line-height: 140%;
color: $black;
diff --git a/core-web/libs/portlets/edit-ema/ui/src/lib/dot-results-seo-tool/dot-results-seo-tool.component.scss b/core-web/libs/portlets/edit-ema/ui/src/lib/dot-results-seo-tool/dot-results-seo-tool.component.scss
index 3f4968d1084d..3d19a2cf4bc1 100644
--- a/core-web/libs/portlets/edit-ema/ui/src/lib/dot-results-seo-tool/dot-results-seo-tool.component.scss
+++ b/core-web/libs/portlets/edit-ema/ui/src/lib/dot-results-seo-tool/dot-results-seo-tool.component.scss
@@ -52,7 +52,7 @@
}
.results-seo-tool__search-title {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
text-decoration: none;
}
@@ -74,7 +74,7 @@
display: flex;
gap: $spacing-3;
align-items: center;
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
color: $black;
}
diff --git a/core-web/libs/portlets/edit-ema/ui/src/lib/dot-select-seo-tool/dot-select-seo-tool.component.scss b/core-web/libs/portlets/edit-ema/ui/src/lib/dot-select-seo-tool/dot-select-seo-tool.component.scss
index 52ba9a32bd4e..d6b560cc8aa9 100644
--- a/core-web/libs/portlets/edit-ema/ui/src/lib/dot-select-seo-tool/dot-select-seo-tool.component.scss
+++ b/core-web/libs/portlets/edit-ema/ui/src/lib/dot-select-seo-tool/dot-select-seo-tool.component.scss
@@ -15,7 +15,7 @@
}
.dot-select-seo-tool__icon {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
color: $color-palette-primary-500;
}
@@ -24,6 +24,6 @@
}
.dot-select-seo-tool__details {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
color: $color-palette-gray-700;
}
diff --git a/core-web/libs/template-builder/src/lib/components/template-builder/components/add-widget/add-widget.component.scss b/core-web/libs/template-builder/src/lib/components/template-builder/components/add-widget/add-widget.component.scss
index 5bb1abe4d223..27407e0ca4e4 100644
--- a/core-web/libs/template-builder/src/lib/components/template-builder/components/add-widget/add-widget.component.scss
+++ b/core-web/libs/template-builder/src/lib/components/template-builder/components/add-widget/add-widget.component.scss
@@ -13,7 +13,7 @@
transition: transform 100ms ease-in;
.material-icons {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
color: $color-palette-gray-500;
}
diff --git a/core-web/libs/template-builder/src/lib/components/template-builder/components/dot-layout-properties/dot-layout-properties.component.scss b/core-web/libs/template-builder/src/lib/components/template-builder/components/dot-layout-properties/dot-layout-properties.component.scss
index 72bb871460cc..59a9edb671f4 100644
--- a/core-web/libs/template-builder/src/lib/components/template-builder/components/dot-layout-properties/dot-layout-properties.component.scss
+++ b/core-web/libs/template-builder/src/lib/components/template-builder/components/dot-layout-properties/dot-layout-properties.component.scss
@@ -7,5 +7,5 @@
}
.p-button-icon.material-icons {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
}
diff --git a/core-web/libs/template-builder/src/lib/components/template-builder/components/template-builder-section/template-builder-section.component.scss b/core-web/libs/template-builder/src/lib/components/template-builder/components/template-builder-section/template-builder-section.component.scss
index 3f6e690ec57f..2e5f70ae375f 100644
--- a/core-web/libs/template-builder/src/lib/components/template-builder/components/template-builder-section/template-builder-section.component.scss
+++ b/core-web/libs/template-builder/src/lib/components/template-builder/components/template-builder-section/template-builder-section.component.scss
@@ -8,7 +8,7 @@
background: $color-palette-primary-200;
height: 5rem;
color: $color-palette-primary;
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
border-radius: $spacing-1;
padding: 0 $spacing-0;
diff --git a/core-web/libs/template-builder/src/lib/components/template-builder/components/template-builder-sidebar/template-builder-sidebar.component.scss b/core-web/libs/template-builder/src/lib/components/template-builder/components/template-builder-sidebar/template-builder-sidebar.component.scss
index a201cf12e6a5..c59385817c6a 100644
--- a/core-web/libs/template-builder/src/lib/components/template-builder/components/template-builder-sidebar/template-builder-sidebar.component.scss
+++ b/core-web/libs/template-builder/src/lib/components/template-builder/components/template-builder-sidebar/template-builder-sidebar.component.scss
@@ -17,7 +17,7 @@
align-items: center;
.header__title {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
margin: 0;
line-height: 140%;
font-weight: $font-weight-semi-bold;
diff --git a/core-web/libs/ui/src/lib/components/dot-empty-container/dot-empty-container.component.scss b/core-web/libs/ui/src/lib/components/dot-empty-container/dot-empty-container.component.scss
index 3e20db96fa77..34b22e384bb8 100644
--- a/core-web/libs/ui/src/lib/components/dot-empty-container/dot-empty-container.component.scss
+++ b/core-web/libs/ui/src/lib/components/dot-empty-container/dot-empty-container.component.scss
@@ -14,7 +14,7 @@
line-height: 140%;
}
.message__title {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
font-weight: $font-weight-semi-bold;
color: $black;
}
diff --git a/core-web/libs/ui/src/lib/components/dot-info-page/dot-info-page.component.scss b/core-web/libs/ui/src/lib/components/dot-info-page/dot-info-page.component.scss
index 0fc4e0e7d12e..747463cf1532 100644
--- a/core-web/libs/ui/src/lib/components/dot-info-page/dot-info-page.component.scss
+++ b/core-web/libs/ui/src/lib/components/dot-info-page/dot-info-page.component.scss
@@ -27,7 +27,7 @@ i {
}
h4 {
color: $black;
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
}
.actions {
diff --git a/core-web/libs/ui/src/lib/components/dot-not-license/dot-not-license.component.scss b/core-web/libs/ui/src/lib/components/dot-not-license/dot-not-license.component.scss
index f9eb17c0aa9d..4c48e9689d84 100644
--- a/core-web/libs/ui/src/lib/components/dot-not-license/dot-not-license.component.scss
+++ b/core-web/libs/ui/src/lib/components/dot-not-license/dot-not-license.component.scss
@@ -23,7 +23,7 @@ i {
}
h4 {
color: $black;
- font-size: $font-size-xl;
+ font-size: $font-size-lg;
}
p {
color: $color-palette-gray-700;
diff --git a/core-web/libs/ui/src/lib/components/dot-sidebar-header/dot-sidebar-header.component.scss b/core-web/libs/ui/src/lib/components/dot-sidebar-header/dot-sidebar-header.component.scss
index ca42e7f80cfa..788de97f63b7 100644
--- a/core-web/libs/ui/src/lib/components/dot-sidebar-header/dot-sidebar-header.component.scss
+++ b/core-web/libs/ui/src/lib/components/dot-sidebar-header/dot-sidebar-header.component.scss
@@ -10,7 +10,7 @@
margin-top: -$spacing-3;
h2 {
- font-size: $font-size-lg;
+ font-size: $font-size-lmd;
margin: 0;
margin-left: $spacing-1;
}