Add tooltips to crop buttons (#4016)

mozilla-services · Jan 25, 2018 · 31bbfb4 · 31bbfb4
1 parent e18e499
commit 31bbfb4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/locales/en-US/server.ftl b/locales/en-US/server.ftl
@@ -196,7 +196,9 @@ annotationCropButton
 annotationSaveButton = Save
 annotationCancelButton = Cancel
 annotationConfirmCropButton = Confirm
+    .title = Confirm selection
 annotationCancelCropButton = Cancel
+    .title = Cancel selection
 
 [[ Shotindex page ]]
 

diff --git a/server/src/pages/shot/editor.js b/server/src/pages/shot/editor.js
@@ -163,10 +163,10 @@ exports.Editor = class Editor extends React.Component {
     this.setState({tool: 'crop'});
     this.cropToolBar = <div className="editor-header default-color-scheme"><div className="annotation-tools">
       <Localized id="annotationConfirmCropButton">
-        <button className={`button transparent confirm-crop`} id="confirm-crop" onClick={this.onClickConfirmCrop.bind(this)}>Crop</button>
+        <button className={`button transparent confirm-crop`} id="confirm-crop" onClick={this.onClickConfirmCrop.bind(this)} title="Confirm selection">Crop</button>
       </Localized>
       <Localized id="annotationCancelCropButton">
-        <button className={`button transparent cancel-crop`} id="cancel-crop" onClick={this.onClickCancelCrop.bind(this)}>Cancel</button>
+        <button className={`button transparent cancel-crop`} id="cancel-crop" onClick={this.onClickCancelCrop.bind(this)} title="Cancel selection">Cancel</button>
       </Localized>
     </div></div>;
   }