gui: fix path breaking out of global changes modal (fixes #3895)

GitHub-Pull-Request: https://github.com/syncthing/syncthing/pull/4146
This commit is contained in:
Wulf Weich 2017-05-13 10:42:37 +00:00 committed by Audrius Butkevicius
parent c9afabf09f
commit 7931d956f7
2 changed files with 17 additions and 2 deletions

View File

@ -266,6 +266,21 @@ ul.three-columns li, ul.two-columns li {
z-index: 980;
}
.globalChanges-path-col {
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
}
.globalChanges-time-col {
width: 100px;
}
/** Footer nav on small devices **/
@media (max-width: 1199px) {
/* Stay at the end of the page, with space reserved for the footer

View File

@ -14,8 +14,8 @@
<td ng-if="!changeEvent.data.modifiedBy"><span translate>Unknown</span></td>
<td>{{changeEvent.data.action}}</td>
<td>{{changeEvent.data.type}}</td>
<td>{{changeEvent.data.path}}</td>
<td>{{changeEvent.time | date:"yyyy-MM-dd HH:mm:ss"}}</td>
<td class="globalChanges-path-col">{{changeEvent.data.path}}</td>
<td class="globalChanges-time-col">{{changeEvent.time | date:"yyyy-MM-dd HH:mm:ss"}}</td>
</tr>
</table>
</div>