From 4afdf169db723d49ff46afc77c905fbbdb94e0c7 Mon Sep 17 00:00:00 2001 From: Adam Johnson Date: Wed, 25 Sep 2024 02:04:01 -0400 Subject: [PATCH] docs: fix all patterns page layout + content issues (#1916) * docs: fix z-index issues with "All patterns" page * docs: fix images, titles, and descriptions on all patterns page --- .../javascript/elements/uxdot-masthead.css | 1 + .../javascript/elements/uxdot-sidenav.css | 2 +- .../patterns/all-patterns-logo-wall.png | Bin 20242 -> 4730 bytes docs/assets/patterns/all-patterns-tile.png | Bin 0 -> 5118 bytes docs/patterns/index.md | 18 +++++++++++++----- 5 files changed, 15 insertions(+), 6 deletions(-) create mode 100644 docs/assets/patterns/all-patterns-tile.png diff --git a/docs/assets/javascript/elements/uxdot-masthead.css b/docs/assets/javascript/elements/uxdot-masthead.css index 7fddc3b448..53b72bb118 100644 --- a/docs/assets/javascript/elements/uxdot-masthead.css +++ b/docs/assets/javascript/elements/uxdot-masthead.css @@ -8,6 +8,7 @@ z-index: var(--uxdot-masthead-z-index, 2); container-type: inline-size; container-name: host; + z-index: 10; } #container { diff --git a/docs/assets/javascript/elements/uxdot-sidenav.css b/docs/assets/javascript/elements/uxdot-sidenav.css index 9580da7f1c..bb9248bbdb 100644 --- a/docs/assets/javascript/elements/uxdot-sidenav.css +++ b/docs/assets/javascript/elements/uxdot-sidenav.css @@ -6,7 +6,7 @@ width: 100%; height: var(--_max-height); top: 0; - z-index: var(--uxdot-sidenav-z-index, 2); + z-index: var(--uxdot-sidenav-z-index, 5); } :host([open]) { diff --git a/docs/assets/patterns/all-patterns-logo-wall.png b/docs/assets/patterns/all-patterns-logo-wall.png index 091ea35b7aab1c16317d4c55aea9937c91da3b2f..ccbad2e824a3697abf3d44c8fb2a5b3392fdab09 100644 GIT binary patch literal 4730 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 SA!hyk+{)bULM{By`2PYSjs|rA literal 20242 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 diff --git a/docs/assets/patterns/all-patterns-tile.png b/docs/assets/patterns/all-patterns-tile.png new file mode 100644 index 0000000000000000000000000000000000000000..27dd93fb4e1c1b04017e3087bf3a64cf277a094a GIT binary patch literal 5118 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 Z<@Wg_13q{~b?c{4U&rKTk@kJ$zX49W96SI3 literal 0 HcmV?d00001 diff --git a/docs/patterns/index.md b/docs/patterns/index.md index 3560668560..bf25dccc5c 100644 --- a/docs/patterns/index.md +++ b/docs/patterns/index.md @@ -9,12 +9,14 @@ summaries: form: Collects information from a user through inputs link: Directs users to other domains or pages link-with-icon: Adds additional context or decoration to a link + logo-wall: Visual arrangement of logos representing various brands, companies, or organizations search-bar: Performs a search and displays relevant content skip-navigation: Moves a user down to content by keyboard input sticky-banner: Anchors an offer to the bottom edge of a page sticky-card: Anchors an offer to the right edge of a page + tabs: Programatically activate a tab panel or item inside a tab panel + tile: Style Tiles to differentiate them from other page elements video-thumbnail: Overlays a button that indicates video playback - logo-wall: Visual arrangement of logos representing various brands, companies, or organizations order: 0 tags: - pattern @@ -30,7 +32,7 @@ importElements: } -{# NOTE: all images in this view need to be 340 by 200 px in order to maintain same ratio. #} +{# NOTE: all images in this view need to be 680 by 400 px in order to maintain same ratio. #} ## Overview Patterns compose elements and tokens with content and validation rules to @@ -42,6 +44,12 @@ create uniform, accessible experiences. {% if pattern.data.title !== 'Patterns' %} {%- set slug = pattern.fileSlug -%} + + {%- set title = pattern.data.heading -%} + {% if title == 'Patterns' %} + {%- set title = pattern.data.title -%} + {% endif %} + {%- set summary = pattern.description -%} {% if not summary %} {%- set summary = summaries[slug] -%} @@ -49,10 +57,10 @@ create uniform, accessible experiences. - {{ pattern.data.title }} + {{ title }} -

{{ pattern.data.title }}

-

{{ summary }}

+

{{ title }}

+

{{ summary }}

{% endif %}