mirror of
https://github.com/strapi/strapi.git
synced 2025-08-04 23:03:00 +00:00
Fix table row display
This commit is contained in:
parent
b3dca34d8e
commit
2dc7d8009d
@ -3,6 +3,7 @@
|
||||
border-collapse: initial;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2px 4px #E3E9F3;
|
||||
table-layout: fixed;
|
||||
|
||||
tr, th, td{
|
||||
border: none;
|
||||
|
@ -58,10 +58,14 @@ class TableRow extends React.Component {
|
||||
// Generate cells
|
||||
const cells = this.props.headers.map((header, i) => (
|
||||
<td key={i}>
|
||||
{this.getDisplayedValue(
|
||||
header.type,
|
||||
this.props.record[header.name]
|
||||
)}
|
||||
<div className={styles.truncate}>
|
||||
<div className={styles.truncated}>
|
||||
{this.getDisplayedValue(
|
||||
header.type,
|
||||
this.props.record[header.name]
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
));
|
||||
|
||||
|
@ -18,6 +18,18 @@
|
||||
}
|
||||
}
|
||||
|
||||
.truncate {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.truncated {
|
||||
overflow-x: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.actions {
|
||||
text-align: right;
|
||||
|
||||
|
@ -68,7 +68,7 @@ class PopUpRelations extends React.Component { // eslint-disable-line react/pref
|
||||
<ModalBody className={`${styles.modalBodyAdvanced}`}>
|
||||
<div className="container-fluid">
|
||||
<div className="row">
|
||||
{map(take(this.props.form.items, 2), (input, key) => (
|
||||
{map(take(this.props.form.items, 1), (input, key) => (
|
||||
<Input
|
||||
key={key}
|
||||
type={input.type}
|
||||
@ -153,7 +153,7 @@ class PopUpRelations extends React.Component { // eslint-disable-line react/pref
|
||||
: <Button type="submit" onClick={this.props.handleSubmit} className={styles.primary}><FormattedMessage id="content-type-builder.form.button.continue" /></Button>;
|
||||
|
||||
const modalBody = this.props.showRelation ? this.renderModalBodyRelations(): this.renderModalBodyAdvanced();
|
||||
|
||||
|
||||
return (
|
||||
<div className={styles.popUpRelations}>
|
||||
<Modal isOpen={this.props.isOpen} toggle={this.props.toggle} className={`${styles.modalPosition}`}>
|
||||
|
Loading…
x
Reference in New Issue
Block a user