gui: Fix ignoreDelete warning formatting (ref #8054) (#8138)

The ignoreDelete warning code originally comprised of two sentences,
which in total were much longer than the current one. Because of that,
some additional fixes were added to make it present itself better, e.g.
white-space was set to normal to allow for text wrap on narrow screens,
and the help link was moved to a new line to make sure both the anchor
and the question mark always stayed together.

However, the code fixes remained despite the final text being much
shorter than the original. Therefore, remove the unnecessary white-space
formatting, and also move the help link right next to the warning. This
makes it clear that the link is related to this particular warning when
both it and the ignore patterns warning are displayed at the same time.

Ref: https://github.com/syncthing/syncthing/pull/8054#issuecomment-978148117

Signed-off-by: Tomasz Wilczyński <twilczynski@naver.com>
This commit is contained in:
tomasz1986 2022-01-30 13:03:46 +01:00 committed by GitHub
parent 7b0fbb6fef
commit 1794d45ff3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -430,9 +430,10 @@
</div> </div>
<div ng-if="folder.ignoreDelete"> <div ng-if="folder.ignoreDelete">
<i class="small"> <i class="small">
<span translate style="white-space: normal;">Altered by ignoring deletes.</span> <span translate>Altered by ignoring deletes.</span>
<br> <a href="{{docsURL('advanced/folder-ignoredelete')}}" target="_blank">
<a href="{{docsURL('advanced/folder-ignoredelete')}}" target="_blank"><span class="fas fa-question-circle"></span>&nbsp;<span translate>Help</span></a> <span class="fas fa-question-circle"></span>&nbsp;<span translate>Help</span>
</a>
</i> </i>
</div> </div>
</td> </td>