Merge pull request #47 from netlify-templates/tb/wrfl-1525-issue-with-content-cards

removed h-full class

Author: TomasBankauskas

src/components/sections/FeaturedItemsSection/FeaturedItem/index.tsx

@@ -19,7 +19,6 @@ export default function FeaturedItem(props) {
             id={elementId}
             className={classNames(
                 'sb-card',
-                'h-full',
                 colors,
                 styles?.self?.margin ? mapStyles({ margin: styles?.self?.margin }) : undefined,
                 styles?.self?.padding ? mapStyles({ padding: styles?.self?.padding }) : undefined,

src/components/sections/FeaturedItemsSection/FeaturedItemToggle/index.tsx

@@ -18,7 +18,6 @@ export default function FeaturedItemToggle(props) {
             id={elementId}
             className={classNames(
                 'sb-card',
-                'h-full',
                 colors,
                 styles?.self?.margin ? mapStyles({ margin: styles?.self?.margin }) : undefined,
                 styles?.self?.padding ? mapStyles({ padding: styles?.self?.padding }) : undefined,
@@ -36,9 +35,9 @@ export default function FeaturedItemToggle(props) {
             data-sb-field-path={fieldPath}
         >
             {title && (
-                <TitleTag className="h3 relative pr-8 cursor-pointer" onClick={() => setIsActive(!isActive)}>
+                <TitleTag className="relative pr-8 cursor-pointer h3" onClick={() => setIsActive(!isActive)}>
                     <span {...(fieldPath && { 'data-sb-field-path': '.title' })}>{title}</span>
-                    <span className="absolute right-0 top-1/2 -translate-y-1/2">
+                    <span className="absolute right-0 -translate-y-1/2 top-1/2">
                         <PlusIcon className={classNames('w-6', 'h-6', 'fill-current', isActive ? 'hidden' : null)} />
                         <CloseIcon className={classNames('w-6', 'h-6', 'fill-current', !isActive ? 'hidden' : null)} />
                     </span>

src/components/sections/FeaturedPeopleSection/index.tsx

@@ -153,7 +153,6 @@ function FeaturedPerson(props) {
             id={elementId}
             className={classNames(
                 'sb-card',
-                'h-full',
                 colors,
                 className,
                 'overflow-hidden',
@@ -189,7 +188,7 @@ function FeaturedPerson(props) {
                 </p>
             )}
             {bio && (
-                <Markdown options={{ forceBlock: true, forceWrapper: true }} className="sb-markdown mt-4" {...(fieldPath && { 'data-sb-field-path': '.bio' })}>
+                <Markdown options={{ forceBlock: true, forceWrapper: true }} className="mt-4 sb-markdown" {...(fieldPath && { 'data-sb-field-path': '.bio' })}>
                     {bio}
                 </Markdown>
             )}

src/components/sections/PostFeedSection/PostFeedItem/index.tsx

@@ -30,7 +30,6 @@ export default function PostFeedItem(props) {
             className={classNames(
                 'sb-card',
                 'block',
-                'h-full',
                 post.colors ?? 'bg-light-fg-dark',
                 post.styles?.self?.margin ? mapStyles({ margin: post.styles?.self?.margin }) : undefined,
                 post.styles?.self?.padding ? mapStyles({ padding: post.styles?.self?.padding }) : undefined,