simon/AriaNg
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix some property value (task name, download dir, torrent hash, tracker server and file name) make page too wide in task detail page

Browse source
This commit is contained in:
MaysWind 2016-08-28 21:14:47 +08:00
parent 2c29a52afb
commit 2b2dc1c4e3
4 changed files with 19 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/styles/controls/task-table.css
View file

@ -45,18 +45,11 @@
.task-table .task-name {
font-size: 14px;
display: block;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.task-table .peer-name-wrapper {
display: inline-block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.task-table .task-files, .task-table .task-size {

11
src/styles/core/core.css
View file

@ -38,6 +38,17 @@ td {
cursor: pointer !important;
}
.allow-word-break {
word-wrap: break-word;
word-break: break-all;
}
.auto-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: absolute;

2
src/views/list.html
View file

@ -38,7 +38,7 @@
<div class="checkbox checkbox-primary" ng-class="{'checkbox-hide': !taskContext.selected[task.gid]}">
<input id="{{'task_' + task.gid}}" type="checkbox" ng-model="taskContext.selected[task.gid]"/>
<label for="{{'task_' + task.gid}}">
<span class="task-name" ng-bind="task.taskName" title="{{task.taskName}}"></span>
<span class="task-name auto-ellipsis" ng-bind="task.taskName" title="{{task.taskName}}"></span>
</label><i class="icon-seeder fa fa-angle-double-up" ng-if="task && task.status == 'active' && task.seeder" title="{{'Seeding' | translate}}"></i>
</div>
<div class="task-files">

13
src/views/task-detail.html
View file

@ -28,7 +28,7 @@
<span translate>Task Name</span>
</div>
<div class="setting-value col-sm-8">
<span ng-bind="task.taskName"></span>
<span class="allow-word-break" ng-bind="task.taskName"></span>
</div>
</div>
<div class="row" ng-if="task">
@ -117,7 +117,7 @@
<span translate>Info Hash</span>
</div>
<div class="setting-value col-sm-8">
<span ng-bind="task.infoHash"></span>
<span class="allow-word-break" ng-bind="task.infoHash"></span>
</div>
</div>
<div class="row" ng-if="task">
@ -125,7 +125,7 @@
<span translate>Download Dir</span>
</div>
<div class="setting-value col-sm-8">
<span ng-bind="task.dir"></span>
<span class="allow-word-break" ng-bind="task.dir"></span>
</div>
</div>
<div class="row" ng-if="task && task.bittorrent && task.bittorrent.announceList && task.bittorrent.announceList.length > 0">
@ -138,7 +138,8 @@
title="{{(context.collapseTrackers ? 'Expand' : 'Collapse') | translate}}"></i>
</div>
<div class="setting-value col-sm-8">
<div ng-bind="serverAddress" ng-repeat="serverAddress in task.bittorrent.announceList | limitTo: (context.collapseTrackers ? 1 : task.bittorrent.announceList.length)"></div>
<div class="auto-ellipsis" ng-bind="serverAddress" title="{{serverAddress}}"
ng-repeat="serverAddress in task.bittorrent.announceList | limitTo: (context.collapseTrackers ? 1 : task.bittorrent.announceList.length)"></div>
</div>
</div>
<div class="row no-hover no-background" ng-if="task && task.status == 'active'">
@ -221,7 +222,7 @@
<div class="checkbox checkbox-primary">
<input id="{{'file_' + file.index}}" type="checkbox" ng-disabled="!task || !task.files || task.files.length < 2 || (task.status != 'waiting' && task.status != 'paused')"
ng-model="file.selected" ng-change="setSelectedFile()"/>
<label for="{{'file_' + file.index}}" ng-bind="file.fileName" title="{{file.fileName}}"></label>
<label for="{{'file_' + file.index}}" class="allow-word-break" ng-bind="file.fileName" title="{{file.fileName}}"></label>
</div>
</div>
<div class="col-sm-2">
@ -276,7 +277,7 @@
<div class="task-table-body">
<div class="row" ng-repeat="peer in context.btPeers | peerOrderBy: getPeerListOrderType()">
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="peer-name-wrapper" title="{{(peer.client ? peer.client.info : '') + (peer.seeder ? (peer.client.info ? ', ' : '') + ('Seeding' | translate) : '')}}">
<div class="peer-name-wrapper auto-ellipsis" title="{{(peer.client ? peer.client.info : '') + (peer.seeder ? (peer.client.info ? ', ' : '') + ('Seeding' | translate) : '')}}">
<span ng-bind="peer.name | translate"></span><i class="icon-seeder fa fa-angle-double-up" ng-if="peer && peer.seeder"></i>
<span class="peer-client" ng-if="!!peer.client"
ng-bind="peer.client ? ('(' + peer.client.name + (peer.client.version ? ' ' + peer.client.version : '') + ')') : ''"></span>