diff --git a/src/components/BrowserCell/BrowserCell.react.js b/src/components/BrowserCell/BrowserCell.react.js index f038ba03f6..faaa5011db 100644 --- a/src/components/BrowserCell/BrowserCell.react.js +++ b/src/components/BrowserCell/BrowserCell.react.js @@ -335,7 +335,7 @@ export default class BrowserCell extends Component { cl.forEach((column, field) => { if (column.targetClass !== pointerClassName) { return; } relatedRecordsMenuItem.items.push({ - text: className, callback: () => { + text: `${className}`, subtext: `${field}`, callback: () => { let relatedObject = value; if (this.props.field === 'objectId') { relatedObject = new Parse.Object(pointerClassName); diff --git a/src/components/ContextMenu/ContextMenu.react.js b/src/components/ContextMenu/ContextMenu.react.js index 64687510b5..6c00376ae1 100644 --- a/src/components/ContextMenu/ContextMenu.react.js +++ b/src/components/ContextMenu/ContextMenu.react.js @@ -75,6 +75,7 @@ const MenuSection = ({ level, items, path, setPath, hide }) => { }} > {item.text} + {item.subtext && - {item.subtext}} ); })} diff --git a/src/components/ContextMenu/ContextMenu.scss b/src/components/ContextMenu/ContextMenu.scss index f4fae68bab..78278cd828 100644 --- a/src/components/ContextMenu/ContextMenu.scss +++ b/src/components/ContextMenu/ContextMenu.scss @@ -17,6 +17,9 @@ cursor: pointer; white-space: nowrap; padding: 0 30px 0 10px; + span { + color: #A2A6B1 + } } li:hover {