modify style

This commit is contained in:
MaysWind 2016-06-19 18:30:33 +08:00
parent 12b52d74f5
commit 96a1a487fd
5 changed files with 15 additions and 4 deletions

View file

@ -9,6 +9,7 @@
<meta name="apple-mobile-web-app-title" content="AriaNg"/> <meta name="apple-mobile-web-app-title" content="AriaNg"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/> <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="description" content="Aria2 Ng Frontend"> <meta name="description" content="Aria2 Ng Frontend">
<meta name="theme-color" content="#3c4852">
<title>AriaNg</title> <title>AriaNg</title>
<!-- build:css css/bootstrap-3.3.6.min.css --> <!-- build:css css/bootstrap-3.3.6.min.css -->
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css"/> <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css"/>

View file

@ -706,6 +706,16 @@ td {
border-top: inherit; border-top: inherit;
} }
@media (max-width: 767px) {
.task-table > .task-table-title {
display: none !important;
}
.task-table > .task-table-body > div.row:first-child {
border-top: inherit;
}
}
.skin-aria-ng .task-table > .task-table-body > div.row:nth-of-type(odd) { .skin-aria-ng .task-table > .task-table-body > div.row:nth-of-type(odd) {
background-color: #f9f9f9; background-color: #f9f9f9;
} }

View file

@ -1,6 +1,6 @@
<section class="content no-padding"> <section class="content no-padding">
<div id="task-table" class="task-table"> <div id="task-table" class="task-table">
<div class="task-table-title hidden-xs"> <div class="task-table-title">
<div class="row"> <div class="row">
<div class="col-sm-8"> <div class="col-sm-8">
<div class="row"> <div class="row">

View file

@ -22,7 +22,7 @@
ng-options="item.value as (item.name | translate) for item in option.options"> ng-options="item.value as (item.name | translate) for item in option.options">
</select> </select>
<div class="form-control-icon" ng-if="optionStatus.isShowStatusIcon()"> <div class="form-control-icon" ng-if="optionStatus.isShowStatusIcon()">
<span class="fa form-control-feedback" ng-class="[optionStatus.getStatusIcon()]"></span> <i class="fa form-control-feedback" ng-class="[optionStatus.getStatusIcon()]"></i>
</div> </div>
</div> </div>
<span class="input-group-addon" ng-if="!!option.suffix" ng-bind="option.suffix | translate"></span> <span class="input-group-addon" ng-if="!!option.suffix" ng-bind="option.suffix | translate"></span>

View file

@ -144,7 +144,7 @@
</div> </div>
<div class="tab-pane" ng-class="{'active': context.currentTab == 'filelist'}"> <div class="tab-pane" ng-class="{'active': context.currentTab == 'filelist'}">
<div class="task-table"> <div class="task-table">
<div class="task-table-title hidden-xs"> <div class="task-table-title">
<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>
@ -188,7 +188,7 @@
</div> </div>
<div class="tab-pane" ng-class="{'active': context.currentTab == 'btpeers'}" ng-if="task && task.status == 'active' && task.bittorrent"> <div class="tab-pane" ng-class="{'active': context.currentTab == 'btpeers'}" ng-if="task && task.status == 'active' && task.bittorrent">
<div class="task-table"> <div class="task-table">
<div class="task-table-title hidden-xs"> <div class="task-table-title">
<div class="row"> <div class="row">
<div class="col-sm-3"> <div class="col-sm-3">
<a ng-click="changePeerListDisplayOrder('address:asc', true)" translate>Address</a> <a ng-click="changePeerListDisplayOrder('address:asc', true)" translate>Address</a>