[table] Remove min width from editable components (palantir#285)

`<EditableText>` has a default min-width of 80px, which overflows the table cell. Settings the minWidth prop to null will fix this.
greglo · Dec 1, 2016 · a248344 · a248344
1 parent 52a7a54
commit a248344
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/table/src/cell/editableCell.tsx b/packages/table/src/cell/editableCell.tsx
@@ -57,6 +57,7 @@ export class EditableCell extends React.Component<IEditableCellProps, {}> {
                         className={"bp-table-editable-name"}
                         defaultValue={value}
                         intent={intent}
+                        minWidth={null}
                         onCancel={onCancel}
                         onChange={onChange}
                         onConfirm={onConfirm}

diff --git a/packages/table/src/headers/editableName.tsx b/packages/table/src/headers/editableName.tsx
@@ -45,6 +45,7 @@ export class EditableName extends React.Component<IEditableNameProps, {}> {
                 className={classNames(className, "bp-table-editable-name")}
                 defaultValue={name}
                 intent={intent}
+                minWidth={null}
                 onCancel={onCancel}
                 onChange={onChange}
                 onConfirm={onConfirm}