fix row right maxWidth

Telefonica · Jul 7, 2023 · 693c9b0 · 693c9b0
1 parent 24fc3dd
commit 693c9b0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/list.css.ts b/src/list.css.ts
@@ -71,7 +71,8 @@ export const control = style([
     },
 ]);
 
-export const right = style({display: 'flex', marginLeft: 16, maxWidth: '40%'});
+export const right = style({display: 'flex', marginLeft: 16});
+export const rightRestrictedWidth = style({maxWidth: '40%'});
 
 export const detailRight = style({paddingLeft: 8});
 export const detail = style({textAlign: 'right'});

diff --git a/src/list.tsx b/src/list.tsx
@@ -157,7 +157,12 @@ const Content: React.FC<ContentProps> = ({
 
             {renderBadge()}
 
-            <div className={classNames({[styles.right]: !!detail || type !== 'basic'})}>
+            <div
+                className={classNames({
+                    [styles.right]: !!detail || type !== 'basic',
+                    [styles.rightRestrictedWidth]: !!detail,
+                })}
+            >
                 {detail && (
                     <div className={classNames(styles.center, styles.detail, {[styles.disabled]: disabled})}>
                         <Text2 regular color={vars.colors.textSecondary} hyphens="auto">