diff options
Diffstat (limited to 'app/javascript/flavours/glitch/features/composer')
-rw-r--r-- | app/javascript/flavours/glitch/features/composer/options/dropdown/index.js | 7 | ||||
-rw-r--r-- | app/javascript/flavours/glitch/features/composer/options/dropdown/item/index.js | 5 |
2 files changed, 9 insertions, 3 deletions
diff --git a/app/javascript/flavours/glitch/features/composer/options/dropdown/index.js b/app/javascript/flavours/glitch/features/composer/options/dropdown/index.js index ee52008a7..daed4ec8a 100644 --- a/app/javascript/flavours/glitch/features/composer/options/dropdown/index.js +++ b/app/javascript/flavours/glitch/features/composer/options/dropdown/index.js @@ -80,11 +80,16 @@ const handlers = { }) => ({ ...rest, active: value && name === value, + name, onClick (e) { e.preventDefault(); // Prevents focus from changing onModalClose(); onChange(name); }, + onPassiveClick (e) { + e.preventDefault(); // Prevents focus from changing + onChange(name); + }, }) ), }); @@ -191,7 +196,7 @@ export default class ComposerOptionsDropdown extends React.PureComponent { > {({ opacity, scaleX, scaleY }) => ( <div - className='dropdown' + className='composer--options--dropdown__dropdown' ref={this.setRef} style={{ opacity: opacity, diff --git a/app/javascript/flavours/glitch/features/composer/options/dropdown/item/index.js b/app/javascript/flavours/glitch/features/composer/options/dropdown/item/index.js index ca4ee393e..e9047dc50 100644 --- a/app/javascript/flavours/glitch/features/composer/options/dropdown/item/index.js +++ b/app/javascript/flavours/glitch/features/composer/options/dropdown/item/index.js @@ -91,6 +91,7 @@ export default class ComposerOptionsDropdownItem extends React.PureComponent { case !!icon: return ( <Icon + className='icon' fullwidth icon={icon} /> @@ -100,11 +101,11 @@ export default class ComposerOptionsDropdownItem extends React.PureComponent { } }()} {meta ? ( - <div> + <div className='content'> <strong>{text}</strong> {meta} </div> - ) : <div>{text}</div>} + ) : <div className='content'>{text}</div>} </div> ); } |