gui: Bootstrap tooltips (in modals)

GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/3280

gui/default/syncthing/core/aboutModalView.html

@@ -1,6 +1,6 @@
 <modal id="about" status="info" icon="heart-o" heading="{{'About' | translate}}" large="yes" close="yes">
   <h1 class="text-center">
-    <img alt="Syncthing" title="Syncthing" src="assets/img/logo-horizontal.svg" style="vertical-align: -16px" height="100" width="366"/>
+    <img alt="Syncthing" src="assets/img/logo-horizontal.svg" style="vertical-align: -16px" height="100" width="366"/>
     <br/>
     <small>{{versionString()}}</small>
     <br/>

gui/default/syncthing/device/editDeviceModalView.html

@@ -74,7 +74,7 @@
                         <input type="checkbox" ng-model="currentDevice.selectedFolders[folder.id]">&nbsp;{{folder.id}}
                       </label>
                       <label ng-if="folder.label.length != 0">
-                        <input type="checkbox" ng-model="currentDevice.selectedFolders[folder.id]">&nbsp;<span title="{{folder.id}}">{{folder.label}}</span>
+                        <input type="checkbox" ng-model="currentDevice.selectedFolders[folder.id]">&nbsp;<span tooltip data-original-title="{{folder.id}}">{{folder.label}}</span>
                       </label>
                     </div>
                   </div>

gui/default/syncthing/transfer/failedFilesModalView.html

@@ -5,8 +5,8 @@
   </p>
   <table class="table table-striped table-condensed">
     <tr dir-paginate="e in failedCurrent | itemsPerPage: failedPageSize" current-page="failedCurrentPage" pagination-id="failed">
-      <td><abbr title="{{e.path}}">{{e.path | basename}}</abbr></td>
-      <td><abbr title="{{e.error}}">{{e.error | lastErrorComponent}}</abbr></td>
+      <td><abbr tooltip data-original-title="{{e.path}}">{{e.path | basename}}</abbr></td>
+      <td><abbr tooltip data-original-title="{{e.error}}">{{e.error | lastErrorComponent}}</abbr></td>
     </tr>
   </table>
   <dir-pagination-controls on-page-change="failedPageChanged(newPageNumber)" pagination-id="failed"></dir-pagination-controls>

gui/default/syncthing/transfer/neededFilesModalView.html

@@ -16,12 +16,12 @@
       <td class="small-data"><span class="fa fa-fw fa-{{needIcons[f.action]}}"></span> {{needActions[f.action]}}</td>
 
       <!-- Name -->
-      <td ng-if="f.type != 'queued'" title="{{f.name}}">{{f.name | basename}}</td>
+      <td ng-if="f.type != 'queued'" tooltip data-original-title="{{f.name}}">{{f.name | basename}}</td>
       <td ng-if="f.type == 'queued'">
-        <a href="" ng-click="bumpFile(neededFolder, f.name)" title="{{'Move to top of queue' | translate}}">
+        <a href="" ng-click="bumpFile(neededFolder, f.name)" tooltip data-original-title="{{'Move to top of queue' | translate}}">
           <span class="fa fa-eject"></span>
         </a>
-        <span title="{{f.name}}">&nbsp;{{f.name | basename}}</span>
+        <span tooltip data-original-title="{{f.name}}">&nbsp;{{f.name | basename}}</span>
       </td>
 
       <!-- Size/Progress -->