mirror of
https://github.com/taobataoma/meanTorrent.git
synced 2026-05-07 17:47:47 +02:00
fix(requests): change request accept css style
This commit is contained in:
OldHawk
@@ -31,6 +31,7 @@
|
||||
.request-help {
|
||||
margin-left: 20px;
|
||||
color: #337ab7;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
color: #fff;
|
||||
@@ -146,8 +147,8 @@
|
||||
min-width: 500px;
|
||||
}
|
||||
@media (max-width: @screen-md-max) {
|
||||
max-width: 410px;
|
||||
min-width: 400px;
|
||||
max-width: 380px;
|
||||
min-width: 370px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -165,13 +166,13 @@
|
||||
margin-bottom: 30px;
|
||||
.response-list {
|
||||
.fa-accept {
|
||||
margin-right: 10px;
|
||||
font-size: 24px;
|
||||
color: darken(@brand-success, 20%);
|
||||
}
|
||||
.div-accept {
|
||||
width: 80px !important;
|
||||
padding: 0 5px;
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
left: -100px;
|
||||
font-size: 150px;
|
||||
color: #d9534f;
|
||||
opacity: 0.25;
|
||||
overflow: hidden;
|
||||
}
|
||||
.div-overlay-accept {
|
||||
position: absolute;
|
||||
@@ -197,60 +198,27 @@
|
||||
display: none;
|
||||
}
|
||||
.accepted-item {
|
||||
td:not(:first-child) {
|
||||
background-color: lighten(@brand-success, 30%);
|
||||
}
|
||||
background-color: lighten(@brand-success, 30%);
|
||||
}
|
||||
.tb-v-middle {
|
||||
tbody {
|
||||
tr {
|
||||
td:first-child, td:last-child {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: @screen-sm-min) {
|
||||
thead {
|
||||
tr {
|
||||
th {
|
||||
&:first-child {
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
tr {
|
||||
td {
|
||||
&:first-child, &:last-child {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
td {
|
||||
&:first-child {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
td {
|
||||
&:first-child, &:last-child {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
;
|
||||
.response-title {
|
||||
margin: 20px 0 5px 0;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tr-comments {
|
||||
&:hover {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
;
|
||||
}
|
||||
|
||||
.request-comments {
|
||||
.comments-form {
|
||||
input {
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
.response-title {
|
||||
margin: 20px 0 5px 88px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -48,7 +48,7 @@
|
||||
<span user-info="vm.request.user" info-class="request-avatar" info-avatar></span>
|
||||
<div class="request-list">
|
||||
<div class="table-responsive request-item">
|
||||
<table class="table table-hover table-bordered tb-v-middle top-border bottom-border">
|
||||
<table class="table table-hover table-bordered tb-v-middle top-border">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{ 'REQUESTS.FIELD_TITLE' | translate}}</th>
|
||||
@@ -96,6 +96,19 @@
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="tr-comments">
|
||||
<td colspan="7">
|
||||
<div class="request-comments">
|
||||
<div class="comments-form pull-right">
|
||||
<textarea id="commentsForm" name="commentsForm"
|
||||
ng-model="vm.comment.content"
|
||||
mt-markdown-editor="commentsForm"
|
||||
maxlength="{{vm.inputLengthConfig.requestCommentLength}}"
|
||||
required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="7">
|
||||
<div class="form-inline">
|
||||
@@ -137,13 +150,12 @@
|
||||
<h3 class="text-muted">{{'REQUESTS.NO_RESPONSES' | translate}}</h3>
|
||||
</div>
|
||||
|
||||
<div ng-if="vm.request.torrents.length>0">
|
||||
<div class="margin-left-80" ng-if="vm.request.torrents.length>0">
|
||||
<div class="response-title">{{ 'REQUESTS.RESPONSE_TITLE' | translate}}</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover tb-v-middle top-border bottom-border">
|
||||
<table class="table table-hover tb-v-middle top-border">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>{{ 'TABLE_FIELDS.INFO' | translate}}</th>
|
||||
<th>{{ 'TABLE_FIELDS.VOTES' | translate}}</th>
|
||||
<th class="text-center">{{ 'TABLE_FIELDS.LIFETIME' | translate}}</th>
|
||||
@@ -160,17 +172,6 @@
|
||||
<tr class="torrent-list-info" ng-repeat="item in vm.request.torrents"
|
||||
ng-click="vm.TGI.openTorrentDetailInfo(item._id);"
|
||||
ng-class="{'accepted-item': vm.request.accept == item._id}" ng-disabled="true">
|
||||
<td class="td-v-middle" ng-click="$event.stopPropagation();">
|
||||
<div class="div-accept">
|
||||
<button class="btn btn-success btn-block btn-response-accept"
|
||||
ng-click="vm.acceptResponse(item); $event.stopPropagation();"
|
||||
ng-if="!vm.request.accept && !vm.isExpired(vm.request) && item.torrent_status == 'reviewed'">
|
||||
{{ 'REQUESTS.BTN_ACCEPT' | translate}}
|
||||
</button>
|
||||
<i class="fa fa-lock fa-accept pull-right" aria-hidden="true"
|
||||
ng-if="vm.request.accept == item._id"></i>
|
||||
</div>
|
||||
</td>
|
||||
<td class="col-md-7 td-v-middle td-text-overflow">
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
@@ -241,6 +242,7 @@
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<i class="fa fa-check fa-stack-1x fa-accept" ng-if="vm.request.accept == item._id"></i>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
@@ -267,7 +269,12 @@
|
||||
</p>
|
||||
</td>
|
||||
<td class="col-md-1 td-v-middle text-center td-uploader">
|
||||
<span user-info="item.user" info-name></span>
|
||||
<p user-info="item.user" info-name></p>
|
||||
<button class="btn btn-success btn-block btn-response-accept"
|
||||
ng-click="vm.acceptResponse(item); $event.stopPropagation();"
|
||||
ng-if="!vm.request.accept && !vm.isExpired(vm.request) && item.torrent_status == 'reviewed'">
|
||||
{{ 'REQUESTS.BTN_ACCEPT' | translate}}
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<td class="td-v-middle text-center"
|
||||
|
||||
Reference in New Issue
Block a user