adjust style

This commit is contained in:
MaysWind 2016-05-29 00:16:32 +08:00
parent 8bdfec1a6b
commit 4fef60a671
3 changed files with 34 additions and 16 deletions

View file

@ -273,6 +273,18 @@ td {
bottom: -6px; bottom: -6px;
} }
.fa-order-asc, .fa-order-desc {
position: relative;
}
.fa-order-asc {
bottom: -2px;
}
.fa-order-desc {
bottom: 2px;
}
/* toolbar */ /* toolbar */
.toolbar { .toolbar {
cursor: pointer; cursor: pointer;
@ -376,7 +388,8 @@ td {
} }
.task-table > .task-table-body > div.row { .task-table > .task-table-body > div.row {
padding: 8px; padding-top: 8px;
padding-bottom: 8px;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
} }
@ -423,7 +436,7 @@ td {
padding-left: 20px; padding-left: 20px;
} }
.task-table .task-download-speed { .task-table .task-download-speed, .task-table .task-peer-download-speed {
font-size: 12px; font-size: 12px;
} }
@ -441,6 +454,12 @@ td {
color: #000; color: #000;
} }
@media (max-width: 767px) {
.task-table .task-peer-download-speed {
float: right;
}
}
/* settings-table */ /* settings-table */
.settings-table { .settings-table {
margin-left: 15px; margin-left: 15px;
@ -448,7 +467,8 @@ td {
} }
.settings-table > div.row { .settings-table > div.row {
padding: 8px; padding-top: 8px;
padding-bottom: 8px;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
} }
@ -504,7 +524,7 @@ td {
.settings-table .tip { .settings-table .tip {
background-color: #fff !important; background-color: #fff !important;
font-size: 12px; font-size: 12px;
padding: 4px; padding: 4px 8px 4px 8px;
} }
.settings-table .tip:hover { .settings-table .tip:hover {
background-color: #fff !important; background-color: #fff !important;

View file

@ -6,11 +6,11 @@
<div class="row"> <div class="row">
<div class="col-sm-8"> <div class="col-sm-8">
<a ng-click="changeDisplayOrder('name:asc', true)" translate>File Name</a> <a ng-click="changeDisplayOrder('name:asc', true)" translate>File Name</a>
<i class="fa" ng-class="{'fa-sort-asc': isSetDisplayOrder('name:asc'), 'fa-sort-desc': isSetDisplayOrder('name:desc')}"></i> <i class="fa" ng-class="{'fa-sort-asc fa-order-asc': isSetDisplayOrder('name:asc'), 'fa-sort-desc fa-order-desc': isSetDisplayOrder('name:desc')}"></i>
</div> </div>
<div class="col-sm-4"> <div class="col-sm-4">
<a ng-click="changeDisplayOrder('size:asc', true)" translate>File Size</a> <a ng-click="changeDisplayOrder('size:asc', true)" translate>File Size</a>
<i class="fa" ng-class="{'fa-sort-asc': isSetDisplayOrder('size:asc'), 'fa-sort-desc': isSetDisplayOrder('size:desc')}"></i> <i class="fa" ng-class="{'fa-sort-asc fa-order-asc': isSetDisplayOrder('size:asc'), 'fa-sort-desc fa-order-desc': isSetDisplayOrder('size:desc')}"></i>
</div> </div>
</div> </div>
</div> </div>
@ -18,19 +18,17 @@
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<a ng-click="changeDisplayOrder('percent:desc', true)" translate>Completed Percent</a> <a ng-click="changeDisplayOrder('percent:desc', true)" translate>Completed Percent</a>
<i class="fa" ng-class="{'fa-sort-asc': isSetDisplayOrder('percent:asc'), 'fa-sort-desc': isSetDisplayOrder('percent:desc')}"></i> <i class="fa" ng-class="{'fa-sort-asc fa-order-asc': isSetDisplayOrder('percent:asc'), 'fa-sort-desc fa-order-desc': isSetDisplayOrder('percent:desc')}"></i>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<a ng-click="changeDisplayOrder('remain:asc', true)" translate>Remain Time</a> <a ng-click="changeDisplayOrder('remain:asc', true)" translate>Remain Time</a>
<i class="fa" ng-class="{'fa-sort-asc': isSetDisplayOrder('remain:asc'), 'fa-sort-desc': isSetDisplayOrder('remain:desc')}"></i> <i class="fa" ng-class="{'fa-sort-asc fa-order-asc': isSetDisplayOrder('remain:asc'), 'fa-sort-desc fa-order-desc': isSetDisplayOrder('remain:desc')}"></i>
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<div class="row">
<a ng-click="changeDisplayOrder('dspeed:desc', true)" translate>Download Speed</a> <a ng-click="changeDisplayOrder('dspeed:desc', true)" translate>Download Speed</a>
<i class="fa" ng-class="{'fa-sort-asc': isSetDisplayOrder('dspeed:asc'), 'fa-sort-desc': isSetDisplayOrder('dspeed:desc')}"></i> <i class="fa" ng-class="{'fa-sort-asc fa-order-asc': isSetDisplayOrder('dspeed:asc'), 'fa-sort-desc fa-order-desc': isSetDisplayOrder('dspeed:desc')}"></i>
</div>
</div> </div>
</div> </div>
</div> </div>

View file

@ -118,15 +118,15 @@
<div class="row"> <div class="row">
<div class="col-sm-8"> <div class="col-sm-8">
<a ng-click="changeFileListDisplayOrder('name:asc', true)" translate>File Name</a> <a ng-click="changeFileListDisplayOrder('name:asc', true)" translate>File Name</a>
<i class="fa" ng-class="{'fa-sort-asc': isSetFileListDisplayOrder('name:asc'), 'fa-sort-desc': isSetFileListDisplayOrder('name:desc')}"></i> <i class="fa" ng-class="{'fa-sort-asc fa-order-asc': isSetFileListDisplayOrder('name:asc'), 'fa-sort-desc fa-order-desc': isSetFileListDisplayOrder('name:desc')}"></i>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a ng-click="changeFileListDisplayOrder('percent:desc', true)" translate>Completed Percent</a> <a ng-click="changeFileListDisplayOrder('percent:desc', true)" translate>Completed Percent</a>
<i class="fa" ng-class="{'fa-sort-asc': isSetFileListDisplayOrder('percent:asc'), 'fa-sort-desc': isSetFileListDisplayOrder('percent:desc')}"></i> <i class="fa" ng-class="{'fa-sort-asc fa-order-asc': isSetFileListDisplayOrder('percent:asc'), 'fa-sort-desc fa-order-desc': isSetFileListDisplayOrder('percent:desc')}"></i>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a ng-click="changeFileListDisplayOrder('size:asc', true)" translate>File Size</a> <a ng-click="changeFileListDisplayOrder('size:asc', true)" translate>File Size</a>
<i class="fa" ng-class="{'fa-sort-asc': isSetFileListDisplayOrder('size:asc'), 'fa-sort-desc': isSetFileListDisplayOrder('size:desc')}"></i> <i class="fa" ng-class="{'fa-sort-asc fa-order-asc': isSetFileListDisplayOrder('size:asc'), 'fa-sort-desc fa-order-desc': isSetFileListDisplayOrder('size:desc')}"></i>
</div> </div>
</div> </div>
</div> </div>
@ -183,7 +183,7 @@
<span ng-bind="(peer.completePercent | percent: 2) + '%'"></span> <span ng-bind="(peer.completePercent | percent: 2) + '%'"></span>
</div> </div>
<div class="col-sm-4 col-xs-8"> <div class="col-sm-4 col-xs-8">
<div class="task-download-speed"> <div class="task-peer-download-speed">
<i class="fa fa-arrow-down"></i> <i class="fa fa-arrow-down"></i>
<span ng-bind="(peer.downloadSpeed | readableVolumn) + '/s'"></span>&nbsp; <span ng-bind="(peer.downloadSpeed | readableVolumn) + '/s'"></span>&nbsp;
<i class="fa fa-arrow-up"></i> <i class="fa fa-arrow-up"></i>