From 4d0091ff43831832de3fac6b2dcfda52436b00c3 Mon Sep 17 00:00:00 2001 From: Bjorn Forsberg Date: Sat, 10 Feb 2024 19:15:09 +0100 Subject: [PATCH] Headings --- .../polaris_v12_overrides/page.pcss | 23 +++++++++++++++---- .../stylesheets/polaris_view_components.css | 17 ++++++++++---- 2 files changed, 31 insertions(+), 9 deletions(-) diff --git a/app/assets/stylesheets/polaris_v12_overrides/page.pcss b/app/assets/stylesheets/polaris_v12_overrides/page.pcss index 4431a271..26fb3c05 100644 --- a/app/assets/stylesheets/polaris_v12_overrides/page.pcss +++ b/app/assets/stylesheets/polaris_v12_overrides/page.pcss @@ -1,5 +1,20 @@ -html[class~="Polaris-Summer-Editions-2023"] .Polaris-Header-Title { - font-weight: var(--p-font-weight-bold); - font-size: var(--p-font-size-400); - line-height: var(--p-font-line-height-500); +html[class~="Polaris-Summer-Editions-2023"] { + .Polaris-Page-Header { + font-weight: var(--p-font-weight-bold); + } + + .Polaris-Page-Header--smallTitle .Polaris-Header-Title { + font-size: var(--p-font-size-300); + line-height: var(--p-font-line-height-400); + } + + .Polaris-Page-Header--mediumTitle .Polaris-Header-Title { + font-size: var(--p-font-size-400); + line-height: var(--p-font-line-height-500); + } + + .Polaris-Page-Header--largeTitle .Polaris-Header-Title { + font-size: var(--p-font-size-500); + line-height: var(--p-font-line-height-600); + } } diff --git a/app/assets/stylesheets/polaris_view_components.css b/app/assets/stylesheets/polaris_view_components.css index c5cd799e..3744eb79 100644 --- a/app/assets/stylesheets/polaris_view_components.css +++ b/app/assets/stylesheets/polaris_view_components.css @@ -721,11 +721,18 @@ }html[class~="Polaris-Summer-Editions-2023"] .Polaris-FormLayout { --pc-form-layout-gap: var(--p-space-400); --pc-form-layout-item-top: var(--p-space-400); -}html[class~="Polaris-Summer-Editions-2023"] .Polaris-Header-Title { - font-weight: var(--p-font-weight-bold); - font-size: var(--p-font-size-400); - line-height: var(--p-font-line-height-500); -}html[class~="Polaris-Summer-Editions-2023"] .Polaris-DataTable .Polaris-DataTable__Cell:not(.Polaris-DataTable__Cell--flush):first-child, +}html[class~="Polaris-Summer-Editions-2023"] .Polaris-Page-Header { + font-weight: var(--p-font-weight-bold); + }html[class~="Polaris-Summer-Editions-2023"] .Polaris-Page-Header--smallTitle .Polaris-Header-Title { + font-size: var(--p-font-size-300); + line-height: var(--p-font-line-height-400); + }html[class~="Polaris-Summer-Editions-2023"] .Polaris-Page-Header--mediumTitle .Polaris-Header-Title { + font-size: var(--p-font-size-400); + line-height: var(--p-font-line-height-500); + }html[class~="Polaris-Summer-Editions-2023"] .Polaris-Page-Header--largeTitle .Polaris-Header-Title { + font-size: var(--p-font-size-500); + line-height: var(--p-font-line-height-600); + }html[class~="Polaris-Summer-Editions-2023"] .Polaris-DataTable .Polaris-DataTable__Cell:not(.Polaris-DataTable__Cell--flush):first-child, html[class~="Polaris-Summer-Editions-2023"] .Polaris-DataTable .Polaris-DataTable__Heading:not(.Polaris-DataTable__Heading--flush):first-child { padding-left: var(--p-space-400); }html[class~="Polaris-Summer-Editions-2023"] .Polaris-DataTable .Polaris-DataTable__Cell:not(.Polaris-DataTable__Cell--flush):last-child,