diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/AttributeRow/index.js b/packages/strapi-plugin-content-type-builder/admin/src/components/AttributeRow/index.js index aaa6d013f8..beab29b045 100644 --- a/packages/strapi-plugin-content-type-builder/admin/src/components/AttributeRow/index.js +++ b/packages/strapi-plugin-content-type-builder/admin/src/components/AttributeRow/index.js @@ -66,8 +66,9 @@ class AttributeRow extends React.Component { // eslint-disable-line react/prefer const relationType = capitalize(this.props.row.params.type) ||
{capitalize(this.props.row.params.target)}
; + const relationStyle = !this.props.row.params.type ? styles.relation : ''; return ( -
  • +
  • {this.renderAttributesBox()} diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/AttributeRow/styles.scss b/packages/strapi-plugin-content-type-builder/admin/src/components/AttributeRow/styles.scss index 9798ea51fe..3ee8369acc 100644 --- a/packages/strapi-plugin-content-type-builder/admin/src/components/AttributeRow/styles.scss +++ b/packages/strapi-plugin-content-type-builder/admin/src/components/AttributeRow/styles.scss @@ -60,3 +60,7 @@ margin-left: 1.3rem; } } + +.relation { + background: linear-gradient(135deg, rgba(28,93,231,0.05) 0%, rgba(239,243,253,0) 100%); +} diff --git a/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js b/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js index 9b491edbc1..5ee41d78cc 100644 --- a/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js +++ b/packages/strapi-plugin-content-type-builder/admin/src/containers/ModelPage/index.js @@ -183,7 +183,7 @@ export class ModelPage extends React.Component { // eslint-disable-line react/pr const title = availableNumber > 1 ? 'modelPage.contentType.list.title.plural' : 'modelPage.contentType.list.title.singular'; - const relationShipNumber = props.listContent.attributes.filter(attr => has(attr.params, 'model')).length; + const relationShipNumber = props.listContent.attributes.filter(attr => has(attr.params, 'target')).length; const relationShipTitle = relationShipNumber > 1 ? 'modelPage.contentType.list.relationShipTitle.plural' : 'modelPage.contentType.list.relationShipTitle.singular';