Browse Source

Add tooltip to privacy dropdown

closed-social-glitch-2
Eugen Rochko 7 years ago
parent
commit
c334541011
2 changed files with 4 additions and 3 deletions
  1. +3
    -2
      app/assets/javascripts/components/features/compose/components/privacy_dropdown.jsx
  2. +1
    -1
      app/assets/stylesheets/components.scss

+ 3
- 2
app/assets/javascripts/components/features/compose/components/privacy_dropdown.jsx View File

@ -10,7 +10,8 @@ const messages = defineMessages({
private_short: { id: 'privacy.private.short', defaultMessage: 'Private' },
private_long: { id: 'privacy.private.long', defaultMessage: 'Post to followers only' },
direct_short: { id: 'privacy.direct.short', defaultMessage: 'Direct' },
direct_long: { id: 'privacy.direct.long', defaultMessage: 'Post to mentioned users only' }
direct_long: { id: 'privacy.direct.long', defaultMessage: 'Post to mentioned users only' },
change_privacy: { id: 'privacy.change', defaultMessage: 'Adjust status privacy' }
});
const iconStyle = {
@ -79,7 +80,7 @@ const PrivacyDropdown = React.createClass({
return (
<div ref={this.setRef} className={`privacy-dropdown ${open ? 'active' : ''}`}>
<div className='privacy-dropdown__value'><IconButton icon={valueOption.icon} size={18} active={open} inverted onClick={this.handleToggle} style={iconStyle} /></div>
<div className='privacy-dropdown__value'><IconButton icon={valueOption.icon} title={intl.formatMessage(messages.change_privacy)} size={18} active={open} inverted onClick={this.handleToggle} style={iconStyle} /></div>
<div className='privacy-dropdown__dropdown'>
{options.map(item =>
<div key={item.value} onClick={this.handleClick.bind(this, item.value)} className={`privacy-dropdown__option ${item.value === value ? 'active' : ''}`}>

+ 1
- 1
app/assets/stylesheets/components.scss View File

@ -1660,7 +1660,7 @@ button.active i.fa-retweet {
display: none;
position: absolute;
left: 0;
top: 24px;
top: 27px;
width: 230px;
background: $color5;
border-radius: 0 4px 4px 4px;

Loading…
Cancel
Save