diff --git a/src/components/structures/ContextualMenu.js b/src/components/structures/ContextualMenu.js index 59a68181c3..0e2df890f3 100644 --- a/src/components/structures/ContextualMenu.js +++ b/src/components/structures/ContextualMenu.js @@ -30,11 +30,21 @@ module.exports = { ContextualMenuContainerId: "mx_ContextualMenu_Container", propTypes: { + top: PropTypes.number, + bottom: PropTypes.number, + left: PropTypes.number, + right: PropTypes.number, menuWidth: PropTypes.number, menuHeight: PropTypes.number, chevronOffset: PropTypes.number, menuColour: PropTypes.string, chevronFace: PropTypes.string, // top, bottom, left, right + // Function to be called on menu close + onFinished: PropTypes.func, + menuPaddingTop: PropTypes.number, + menuPaddingRight: PropTypes.number, + menuPaddingBottom: PropTypes.number, + menuPaddingLeft: PropTypes.number, }, getOrCreateContainer: function() { @@ -138,6 +148,15 @@ module.exports = { if (!isNaN(Number(props.menuPaddingTop))) { menuStyle["paddingTop"] = props.menuPaddingTop; } + if (!isNaN(Number(props.menuPaddingLeft))) { + menuStyle["paddingLeft"] = props.menuPaddingLeft; + } + if (!isNaN(Number(props.menuPaddingBottom))) { + menuStyle["paddingBottom"] = props.menuPaddingBottom; + } + if (!isNaN(Number(props.menuPaddingRight))) { + menuStyle["paddingRight"] = props.menuPaddingRight; + } // FIXME: If a menu uses getDefaultProps it clobbers the onFinished // property set here so you can't close the menu from a button click! diff --git a/src/components/views/rooms/Stickerpicker.js b/src/components/views/rooms/Stickerpicker.js index e45f0e8f1b..929e0b0d83 100644 --- a/src/components/views/rooms/Stickerpicker.js +++ b/src/components/views/rooms/Stickerpicker.js @@ -217,6 +217,8 @@ export default class Stickerpicker extends React.Component { element: this._getStickerpickerContent(), onFinished: this._onFinished, menuPaddingTop: 0, + menuPaddingLeft: 0, + menuPaddingRight: 0, });