[terra-clinical-header] Adjusted title width to fit content (#946)

cerner · Apr 25, 2024 · a39721f · a39721f
1 parent 880b626
commit a39721f
Show file tree

Hide file tree

Showing 21 changed files with 5 additions and 2 deletions.
diff --git a/packages/terra-clinical-header/CHANGELOG.md b/packages/terra-clinical-header/CHANGELOG.md
@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Changed
+  * Changed width of title container to fit content.
+
 ## 3.32.0 - (April 15, 2024)
 
 * Changed

diff --git a/packages/terra-clinical-header/src/Header.module.scss b/packages/terra-clinical-header/src/Header.module.scss
@@ -34,7 +34,7 @@
   .flex-fill {
     flex: 1 1 auto;
     position: relative;
-    width: 100%;
+    max-width: 100%;
   }
 
   .flex-end-wrap {

diff --git a/.../terra-clinical-header/src/terra-dev-site/test/clinical-header/HeaderWrapContent.test.jsx b/.../terra-clinical-header/src/terra-dev-site/test/clinical-header/HeaderWrapContent.test.jsx
@@ -21,7 +21,7 @@ const endContent = (
 export default () => (
   <Header
     id="Header"
-    text="Lorem ipsum dolor sit amet "
+    text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla orci dolor, dignissim vitae risus vel, tristique egestas sapien. Vivamus blandit augue justo, id tincidunt justo luctus et. Morbi lacinia porttitor lacus, ac fermentum mauris tempus dapibus. Donec fringilla est ut ullamcorper consequat."
     endContent={endContent}
     wrapContent
   />

diff --git a/...ence/clinical-lowlight-theme/en/chrome_enormous/header-spec/wrapped_content.png b/...ence/clinical-lowlight-theme/en/chrome_enormous/header-spec/wrapped_content.png
diff --git a/...eference/clinical-lowlight-theme/en/chrome_huge/header-spec/wrapped_content.png b/...eference/clinical-lowlight-theme/en/chrome_huge/header-spec/wrapped_content.png
diff --git a/...ference/clinical-lowlight-theme/en/chrome_large/header-spec/wrapped_content.png b/...ference/clinical-lowlight-theme/en/chrome_large/header-spec/wrapped_content.png
diff --git a/...erence/clinical-lowlight-theme/en/chrome_medium/header-spec/wrapped_content.png b/...erence/clinical-lowlight-theme/en/chrome_medium/header-spec/wrapped_content.png
diff --git a/...ference/clinical-lowlight-theme/en/chrome_small/header-spec/wrapped_content.png b/...ference/clinical-lowlight-theme/en/chrome_small/header-spec/wrapped_content.png
diff --git a/...eference/clinical-lowlight-theme/en/chrome_tiny/header-spec/wrapped_content.png b/...eference/clinical-lowlight-theme/en/chrome_tiny/header-spec/wrapped_content.png
diff --git a/...reference/orion-fusion-theme/en/chrome_enormous/header-spec/wrapped_content.png b/...reference/orion-fusion-theme/en/chrome_enormous/header-spec/wrapped_content.png
diff --git a/...s__/reference/orion-fusion-theme/en/chrome_huge/header-spec/wrapped_content.png b/...s__/reference/orion-fusion-theme/en/chrome_huge/header-spec/wrapped_content.png
diff --git a/...__/reference/orion-fusion-theme/en/chrome_large/header-spec/wrapped_content.png b/...__/reference/orion-fusion-theme/en/chrome_large/header-spec/wrapped_content.png
diff --git a/..._/reference/orion-fusion-theme/en/chrome_medium/header-spec/wrapped_content.png b/..._/reference/orion-fusion-theme/en/chrome_medium/header-spec/wrapped_content.png
diff --git a/...__/reference/orion-fusion-theme/en/chrome_small/header-spec/wrapped_content.png b/...__/reference/orion-fusion-theme/en/chrome_small/header-spec/wrapped_content.png
diff --git a/...s__/reference/orion-fusion-theme/en/chrome_tiny/header-spec/wrapped_content.png b/...s__/reference/orion-fusion-theme/en/chrome_tiny/header-spec/wrapped_content.png
diff --git a/...eference/terra-default-theme/en/chrome_enormous/header-spec/wrapped_content.png b/...eference/terra-default-theme/en/chrome_enormous/header-spec/wrapped_content.png
diff --git a/...__/reference/terra-default-theme/en/chrome_huge/header-spec/wrapped_content.png b/...__/reference/terra-default-theme/en/chrome_huge/header-spec/wrapped_content.png
diff --git a/..._/reference/terra-default-theme/en/chrome_large/header-spec/wrapped_content.png b/..._/reference/terra-default-theme/en/chrome_large/header-spec/wrapped_content.png
diff --git a/.../reference/terra-default-theme/en/chrome_medium/header-spec/wrapped_content.png b/.../reference/terra-default-theme/en/chrome_medium/header-spec/wrapped_content.png
diff --git a/..._/reference/terra-default-theme/en/chrome_small/header-spec/wrapped_content.png b/..._/reference/terra-default-theme/en/chrome_small/header-spec/wrapped_content.png
diff --git a/...__/reference/terra-default-theme/en/chrome_tiny/header-spec/wrapped_content.png b/...__/reference/terra-default-theme/en/chrome_tiny/header-spec/wrapped_content.png