Add tooltip to privacy dropdown

diff --git a/app/assets/javascripts/components/features/compose/components/privacy_dropdown.jsx b/app/assets/javascripts/components/features/compose/components/privacy_dropdown.jsx
index 7bbf5aef292b21bcd7ecf3efeaf9fcf5811ccea2..e54fa4d281a438ef999f36b10e9dce3c1dc1d976 100644 (file)
--- a/app/assets/javascripts/components/features/compose/components/privacy_dropdown.jsx
+++ b/app/assets/javascripts/components/features/compose/components/privacy_dropdown.jsx
@@ -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' : ''}`}>

diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 707d688db63401ab54308fef7f6f90182cd38c69..45f93ef90ac2235121b8963504210fe049f42496 100644 (file)
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -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;