Merge pull request #843 from takenet/bugfix/list-item

fix(list-item): problems spaces extra iside component
takenet · Jun 5, 2024 · ceb3710 · ceb3710
2 parents 70ce1ee + 6a9016c
commit ceb3710
Showing 1 changed file with 19 additions and 17 deletions.
diff --git a/src/components/list/list-item.tsx b/src/components/list/list-item.tsx
@@ -246,23 +246,25 @@ export class ListItem {
           <div class={{ [`content-slot`]: true }}>
             <slot></slot>
           </div>
-          <div
-            class={{
-              [`content-item`]: true,
-              [`grow-up`]: !this.hasActionAreaSlot && !this.hasContentAreaSlot && this.internalChips.length < 0,
-            }}
-          >
-            {this.text && (
-              <bds-typo class="title-item" variant="fs-16" tag="span" bold={this.active ? 'bold' : 'regular'}>
-                {this.text}
-              </bds-typo>
-            )}
-            {this.secondaryText && (
-              <bds-typo class="subtitle-item" variant="fs-12" line-height="small" tag="span">
-                {this.secondaryText}
-              </bds-typo>
-            )}
-          </div>
+          {(this.text || this.secondaryText) && (
+            <div
+              class={{
+                [`content-item`]: true,
+                [`grow-up`]: !this.hasActionAreaSlot && !this.hasContentAreaSlot && this.internalChips.length < 0,
+              }}
+            >
+              {this.text && (
+                <bds-typo class="title-item" variant="fs-16" tag="span" bold={this.active ? 'bold' : 'regular'}>
+                  {this.text}
+                </bds-typo>
+              )}
+              {this.secondaryText && (
+                <bds-typo class="subtitle-item" variant="fs-12" line-height="small" tag="span">
+                  {this.secondaryText}
+                </bds-typo>
+              )}
+            </div>
+          )}
           <div class={{ [`content-area`]: true, [`grow-up`]: true }}>
             {this.internalChips.length > 0 && <div class="internal-chips">{this.renderChips()}</div>}
             <slot name="content-area"></slot>