title styles

This commit is contained in:
paul sealock 2024-09-13 15:49:54 +12:00
parent 5e161bba29
commit 25c09da306
2 changed files with 17 additions and 1 deletions

View File

@ -118,7 +118,7 @@ const Settings = ( { params, query } ) => {
} } } }
> >
<div className="woocommerce-settings-layout-title"> <div className="woocommerce-settings-layout-title">
<h1>{ title }</h1> <h2>{ title }</h2>
</div> </div>
<SectionNav <SectionNav
data={ settingsData[ page ] } data={ settingsData[ page ] }

View File

@ -166,6 +166,22 @@
padding: 16px 48px; padding: 16px 48px;
} }
.woocommerce-settings-layout-title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #1e1e1e;
line-height: 1.4;
margin: 0;
text-wrap: balance;
text-wrap: pretty;
color: #1e1e1e;
font-size: calc(1.56 * 13px);
font-weight: 500;
display: block;
}
.woocommerce-settings-element { .woocommerce-settings-element {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;