octoleo/syncthing
1
0
Fork 0
mirror of https://github.com/octoleo/syncthing.git synced 2024-12-22 10:58:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

gui: Allow text wrapping in remove folder/device modals (#7976)

Browse Source 
Remove the embedded CSS that prevents the lines from wrapping, resulting
in device and folder names being hidden on small screens.
This commit is contained in:
tomasz1986 2021-11-22 17:41:43 +09:00 committed by GitHub
parent 1754c93370
commit 7161a99b04
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
gui/default/syncthing/device/removeDeviceDialogView.html
View File

@ -1,9 +1,11 @@
<modal id="remove-device-confirmation" status="warning" icon="fas fa-question-circle" heading="{{'Remove Device' | translate}}" large="no" closeable="yes">
<div class="modal-body">
<p ng-model="currentDevice.name" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<span translate translate-value-name="{{currentDevice.name}}">Are you sure you want to remove device {%name%}?</span>
<p ng-model="currentDevice.name" translate translate-value-name="{{currentDevice.name}}">
Are you sure you want to remove device {%name%}?
</p>
<p ng-if="willBeReintroducedBy" translate translate-value-reintroducer="{{willBeReintroducedBy}}">
{%reintroducer%} might reintroduce this device.
</p>
<p ng-if="willBeReintroducedBy" translate translate-value-reintroducer="{{willBeReintroducedBy}}">{%reintroducer%} might reintroduce this device.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-warning pull-left btn-sm" data-dismiss="modal" ng-click="deleteDevice()">

4
gui/default/syncthing/folder/removeFolderDialogView.html
View File

@ -1,7 +1,7 @@
<modal id="remove-folder-confirmation" status="warning" icon="fas fa-question-circle" heading="{{'Remove Folder' | translate}}" large="no" closeable="yes">
<div class="modal-body">
<p style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<span translate translate-value-label="{{currentFolder.label}}">Are you sure you want to remove folder {%label%}?</span>
<p translate translate-value-label="{{currentFolder.label}}">
Are you sure you want to remove folder {%label%}?
</p>
<p translate>
No files will be deleted as a result of this operation.