diff options
4 files changed, 8 insertions, 3 deletions
diff --git a/gui/default/assets/css/overrides.css b/gui/default/assets/css/overrides.css index 3f10295cda..2409dab225 100644 --- a/gui/default/assets/css/overrides.css +++ b/gui/default/assets/css/overrides.css @@ -136,6 +136,11 @@ table.table-auto td { max-width: 0px; } +/* Wrap long file paths to prevent text overflow. See issue #6268. */ +.file-path { + word-break: break-all; +} + .folder-advanced { padding: 1rem; margin-bottom: 15px; diff --git a/gui/default/syncthing/device/globalChangesModalView.html b/gui/default/syncthing/device/globalChangesModalView.html index 168b2f8ed1..531ee94b55 100644 --- a/gui/default/syncthing/device/globalChangesModalView.html +++ b/gui/default/syncthing/device/globalChangesModalView.html @@ -20,7 +20,7 @@ <td>{{changeEvent.data.action}}</td> <td>{{changeEvent.data.type}}</td> <td class="no-overflow-ellipse">{{folderLabel(changeEvent.data.folder)}}</td> - <td class="no-overflow-ellipse">{{changeEvent.data.path}}</td> + <td class="file-path no-overflow-ellipse">{{changeEvent.data.path}}</td> <td class="no-overflow-ellipse">{{changeEvent.time | date:"yyyy-MM-dd HH:mm:ss"}}</td> </tr> </tbody> diff --git a/gui/default/syncthing/transfer/localChangedFilesModalView.html b/gui/default/syncthing/transfer/localChangedFilesModalView.html index 858fcd06c2..0a670f3ef1 100644 --- a/gui/default/syncthing/transfer/localChangedFilesModalView.html +++ b/gui/default/syncthing/transfer/localChangedFilesModalView.html @@ -11,7 +11,7 @@ </tr> </thead> <tr dir-paginate="file in localChanged.files | itemsPerPage: localChanged.perpage" current-page="localChanged.page" total-items="model[localChangedFolder].receiveOnlyTotalItems" pagination-id="localChanged"> - <td>{{file.name}}</td> + <td class="file-path">{{file.name}}</td> <td><span ng-hide="file.type == 'DIRECTORY'">{{file.size | binary}}B</span></td> </tr> </table> diff --git a/gui/default/syncthing/transfer/remoteNeededFilesModalView.html b/gui/default/syncthing/transfer/remoteNeededFilesModalView.html index 2a489d3f5b..0ad2a8b144 100644 --- a/gui/default/syncthing/transfer/remoteNeededFilesModalView.html +++ b/gui/default/syncthing/transfer/remoteNeededFilesModalView.html @@ -22,7 +22,7 @@ </tr> </thead> <tr dir-paginate="file in remoteNeed[folder].files | itemsPerPage: remoteNeed[folder].perpage" current-page="remoteNeed[folder].page" total-items="completion[remoteNeedDevice.deviceID][folder].needItems" pagination-id="'remoteNeed-' + folder"> - <td>{{file.name}}</td> + <td class="file-path">{{file.name}}</td> <td><span ng-hide="file.type == 'DIRECTORY'">{{file.size | binary}}B</span></td> <td>{{file.modified | date:"yyyy-MM-dd HH:mm:ss"}}</td> <td ng-if="file.modifiedBy">{{friendlyNameFromShort(file.modifiedBy)}}</td> |