diff --git a/changelogs/DP-9177.yml b/changelogs/DP-9177.yml new file mode 100644 index 0000000000..9867104cb1 --- /dev/null +++ b/changelogs/DP-9177.yml @@ -0,0 +1,12 @@ +Changed: + - project: Patternlab + component: PageHeader + description: Semantically set up page category info. (#1617) + issue: DP-9177 + impact: Patch + + - project: Patternlab + component: RulesOfCourt + description: Add contextual info to comp headings. (#1617) + issue: DP-9177 + impact: Patch \ No newline at end of file diff --git a/packages/assets/scss/03-organisms/_page-header.scss b/packages/assets/scss/03-organisms/_page-header.scss index d908f1c509..55f32ae2a5 100644 --- a/packages/assets/scss/03-organisms/_page-header.scss +++ b/packages/assets/scss/03-organisms/_page-header.scss @@ -130,6 +130,21 @@ $page-header-widget-width: 350px; text-transform: uppercase; } + &__subCategory { + padding-bottom: 15px; + color: $c-font-base; + + @include ma-heading(3); + + @include ma-comp-heading($c-primary-alt); + + @include ma-border-decorative; + + &:after { + width: 1.85em; // ma-underline-decorative override + } + } + &__title { margin-bottom: .4em; diff --git a/packages/patternlab/styleguide/source/_patterns/03-organisms/by-template/page-header.twig b/packages/patternlab/styleguide/source/_patterns/03-organisms/by-template/page-header.twig index 64b81f8c14..4978a59c57 100644 --- a/packages/patternlab/styleguide/source/_patterns/03-organisms/by-template/page-header.twig +++ b/packages/patternlab/styleguide/source/_patterns/03-organisms/by-template/page-header.twig @@ -50,26 +50,31 @@ {% endif %} {% if pageHeader.category %} -
- {{ pageHeader.category }} + {% endif %} - {% if pageHeader.subCategory %} -
- {% set subCategoryLevel = pageHeader.subCategory.level ?: 3 %} - {% set compHeading = pageHeader.subCategory|merge({'level':(subCategoryLevel)}) %} - {% include "@atoms/04-headings/comp-heading.twig" %} -
- {% endif %} {% if pageHeader.nested %} -

{% if prefix %}{{ prefix }} {% endif %}{{pageHeader.title}} +

+ {{pageHeader.title}} + {% if pageHeader.subTitle %}
{{pageHeader.subTitle}}
{% endif %}

{% else %} -

{% if prefix %}{{ prefix }} {% endif %}{{pageHeader.title}} +

+ {{pageHeader.title}}

{% if pageHeader.subTitle %}
{{pageHeader.subTitle}}
diff --git a/packages/patternlab/styleguide/source/_patterns/05-pages/rules-of-court.json b/packages/patternlab/styleguide/source/_patterns/05-pages/rules-of-court.json index febe5ed90e..acded09f38 100644 --- a/packages/patternlab/styleguide/source/_patterns/05-pages/rules-of-court.json +++ b/packages/patternlab/styleguide/source/_patterns/05-pages/rules-of-court.json @@ -210,6 +210,7 @@ "formDownloads": { "compHeading": { "title": "Downloads", + "titleContext": "for The Name of a Court Rule", "sub": false, "color": "", "id": "downloads", @@ -264,6 +265,7 @@ "viewSpecific": false, "compHeading": { "title": "Contact", + "titleContext": "for The Name of a Court Rule", "sub": false, "color": "", "id": "contact", @@ -399,6 +401,7 @@ "viewSpecific": true, "compHeading": { "title": "Contact", + "titleContext": "for The Name of a Court Rule", "sub": false, "color": "", "id": "", @@ -436,7 +439,8 @@ }, "pressListing": { "sidebarHeading": { - "title": "Related" + "title": "Related", + "titleContext": "to The Name of a Court Rule" }, "items": [ { @@ -479,7 +483,8 @@ }, "eventListing": { "sidebarHeading": { - "title": "Events" + "title": "Events", + "titleContext": "for The Name of a Court Rule" }, "events": [ {