feat(button): add conditions

core-ds · Dec 8, 2020 · 5f034f3 · 5f034f3
1 parent 34b23ed
commit 5f034f3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/button/src/Component.tsx b/packages/button/src/Component.tsx
@@ -105,7 +105,7 @@ export const Button = React.forwardRef<HTMLAnchorElement | HTMLButtonElement, Bu
         const buttonChildren = (
             <React.Fragment>
                 {leftAddons && <span className={cn(styles.addons)}>{leftAddons}</span>}
-                {children && <span className={cn(styles.text)}>{children}</span>}
+                {children && <span className={cn(styles.text, {[styles.stretchText]: !(leftAddons || rightAddons)})}>{children}</span>}
                 {loading && <Loader className={cn(styles.loader)} />}
                 {rightAddons && <span className={cn(styles.addons)}>{rightAddons}</span>}
             </React.Fragment>

diff --git a/packages/button/src/index.module.css b/packages/button/src/index.module.css
@@ -65,7 +65,7 @@
     opacity: 0;
 }
 
-.text {
+.stretchText {
     flex-grow: 1;
 }