diff --git a/packages/web-shared/components/ContentSingle.js b/packages/web-shared/components/ContentSingle.js index fff97ec9..d2744e14 100644 --- a/packages/web-shared/components/ContentSingle.js +++ b/packages/web-shared/components/ContentSingle.js @@ -126,7 +126,6 @@ function ContentSingle(props = {}) { ); - return ( <> {/* TODO: Max width set to 750px due to low resolution pictures. Can be increased as higher quality images are used */} @@ -241,7 +240,7 @@ function ContentSingle(props = {}) { {/* Sub-Feature Feed */} {hasFeatures ? ( - + ) : null} diff --git a/packages/web-shared/components/FeatureFeed/Features/ChipListFeature.js b/packages/web-shared/components/FeatureFeed/Features/ChipListFeature.js index 5834ce4d..a204a129 100644 --- a/packages/web-shared/components/FeatureFeed/Features/ChipListFeature.js +++ b/packages/web-shared/components/FeatureFeed/Features/ChipListFeature.js @@ -8,11 +8,15 @@ function ChipListFeature(props = {}) { return null; } + const title = props.feature.title || props.feature.subtitle; + return ( - - {props.feature.title || props.feature.subtitle} - + {!!title ? ( + + {title} + + ) : null} {props.feature?.chips?.map(({ title, iconName, relatedNode }, index) => { return ( diff --git a/packages/web-shared/components/FeatureFeed/Features/ChipListFeature.styles.js b/packages/web-shared/components/FeatureFeed/Features/ChipListFeature.styles.js index fbe21991..1d4832ed 100644 --- a/packages/web-shared/components/FeatureFeed/Features/ChipListFeature.styles.js +++ b/packages/web-shared/components/FeatureFeed/Features/ChipListFeature.styles.js @@ -29,7 +29,6 @@ const Chip = withTheme(styled.a` const List = withTheme(styled.ul` display: flex; align-items: center; - overflow-x: scroll; width: 100%; gap: 8px; // Reset ul margin diff --git a/packages/web-shared/components/Searchbar/Search.styles.js b/packages/web-shared/components/Searchbar/Search.styles.js index 4c771f1d..1991cde6 100644 --- a/packages/web-shared/components/Searchbar/Search.styles.js +++ b/packages/web-shared/components/Searchbar/Search.styles.js @@ -84,12 +84,16 @@ const Wrapper = withTheme(styled.div` border-radius: 0; } - .chip-list-feature { - * > &:first-child { + .chip-list-feature ul { + overflow-x: auto; + padding-bottom: 0.5rem; + margin-bottom: 0.5rem; + + & > *:first-child { margin-left: 1rem; } - * > &:last-child { - margin-left: 1rem; + & > *:last-child { + margin-right: 1rem; } } `); diff --git a/web-embeds/public/index.html b/web-embeds/public/index.html index 832f325d..2a754d6e 100644 --- a/web-embeds/public/index.html +++ b/web-embeds/public/index.html @@ -68,7 +68,8 @@ style="max-width: 1180px; padding: 40px; margin: auto; margin-top: 20px" > -->
+ style="max-width: 1180px; padding: 40px; margin: auto; margin-top: 20px" + data-search-feed="FeatureFeed:07e1050d-a6c4-4b46-a2a0-12d8fbf1df3c">