Line item content styling edited
This commit is contained in:
Burak Civan
parent
a42429bf12
commit
ec16828f3c
47
public/css/custom.css
vendored
47
public/css/custom.css
vendored
@ -1632,3 +1632,50 @@ table .align-items-center td span.badge {
|
||||
display: contents !important;
|
||||
}
|
||||
/* Select Tag Fixed Content Finish */
|
||||
|
||||
/* Line item */
|
||||
.line-item-link {
|
||||
display: flex;
|
||||
padding-bottom:10px;
|
||||
}
|
||||
|
||||
.line-item-area {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.line-item-content {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width:242px;
|
||||
}
|
||||
|
||||
.line-item-content-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.line-item-content-right-price {
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
.line-item-content-right-delete {
|
||||
width:40px;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
.line-item-text {
|
||||
width: 54px;
|
||||
}
|
||||
|
||||
@media (max-width: 1500px) {
|
||||
@media not all and (min-resolution:.001dpcm) { @media {
|
||||
|
||||
.line-item-content {
|
||||
max-width:223px;
|
||||
}
|
||||
}}
|
||||
}
|
||||
|
||||
/* Line item */
|
||||
@ -128,48 +128,35 @@
|
||||
</td>
|
||||
@stack('delete_td_end')
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="border-top-0" colspan="3">
|
||||
@stack('item_custom_fields')
|
||||
</td>
|
||||
|
||||
<td class="border-top-0 p-0" colspan="4">
|
||||
<table class="w-100">
|
||||
<tbody>
|
||||
|
||||
@if (!$hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
|
||||
<tr v-if="!row.add_tax || !row.add_discount">
|
||||
<td class="text-left border-0 p-0" style="display: block;">
|
||||
<div v-if="!row.add_tax || !row.add_discount" class="line-item-link">
|
||||
<div class="text-left border-0 p-0 mr-5">
|
||||
<div>
|
||||
<button type="button" class="btn btn-link btn-sm p-0" @click="onAddLineDiscount(index)" v-if="!row.add_discount">
|
||||
{{ trans('general.title.add', ['type' => trans('invoices.discount')]) }}
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="text-right border-0 p-0 pr-4" style="display: block;">
|
||||
</div>
|
||||
<div class="text-right border-0 p-0 pr-4">
|
||||
<div style="float:left;">
|
||||
<button type="button" class="btn btn-link btn-sm p-0" @click="onAddTax(index)" v-if="!row.add_tax">
|
||||
{{ trans('general.title.add', ['type' => trans_choice('general.taxes', 1)]) }}
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="text-right total-column border-0 long-texts">
|
||||
</td>
|
||||
|
||||
<td class="w-1 border-0">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr v-if="row.add_discount">
|
||||
<td colspan="2" class="pl-0 pb-0 border-0" :class="{'pb-2' : !row.add_tax}" style="width:42%;">
|
||||
<div>
|
||||
<div style="float: left; margin-top: 15px; margin-left: -65px;">
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="row.add_discount" class="line-item-area pb-3">
|
||||
<div class="line-item-content">
|
||||
<div class="long-texts line-item-text" style="float: left; margin-top: 15px; position: absolute; left: -65px;">
|
||||
{{ trans('invoices.discount') }}
|
||||
</div>
|
||||
|
||||
@stack('discount_input_start')
|
||||
<div class="form-group mb-0 w-100" style="display: inline-block; position: relative;">
|
||||
<div class="input-group input-group-merge mb-0 select-tax">
|
||||
@ -198,27 +185,24 @@
|
||||
</div>
|
||||
@stack('discount_input_end')
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="border-0 pb-0 text-right long-texts" :class="{'pb-2' : !row.add_tax}" style="width:231px;">
|
||||
<div>
|
||||
<div class="line-item-content-right">
|
||||
<div class="line-item-content-right-price long-texts text-right">
|
||||
{{ Form::moneyGroup('discount_amount', '', '', ['required' => 'required', 'disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'row.discount_amount', 'data-item' => 'discount_amount', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right input-price disabled-money') }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="pb-3 pl-2 align-bottom border-0" style="max-width:40px;" :class="{'pb-2' : !row.add_tax}">
|
||||
<div class="line-item-content-right-delete pl-2">
|
||||
<button type="button" @click="onDeleteDiscount(index)" class="btn btn-link btn-delete p-0">
|
||||
<i class="far fa-trash-alt"></i>
|
||||
</button>
|
||||
</td>
|
||||
</div>
|
||||
</div>
|
||||
</tr>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<tr v-for="(row_tax, row_tax_index) in row.tax_ids"
|
||||
<div class="line-item-area pb-3" v-for="(row_tax, row_tax_index) in row.tax_ids"
|
||||
:index="row_tax_index">
|
||||
<td colspan="2" class="pl-0 pb-0 border-0" :class="{'pb-2' : !row.add_tax}" style="width:42%;">
|
||||
<div style="position: relative;">
|
||||
<div style="float: left; margin-top: 15px; margin-right:2px; position: absolute; left: -33px;">
|
||||
<div class="line-item-content">
|
||||
<div class="long-texts line-item-text" style="float: left; margin-top: 15px; margin-right:2px; position: absolute; left: -63px;">
|
||||
{{ trans_choice('general.taxes', 1) }}
|
||||
</div>
|
||||
|
||||
@ -242,25 +226,21 @@
|
||||
></akaunting-select>
|
||||
@stack('taxes_input_end')
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td :class="{'pb-2' : !row.add_tax}" class="border-0 pb-0 text-right long-texts" style="width:231px;">
|
||||
<div>
|
||||
<div class="line-item-content-right">
|
||||
<div class="line-item-content-right-price long-texts text-right">
|
||||
{{ Form::moneyGroup('tax', '', '', ['required' => 'required', 'disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'row_tax.price', 'data-item' => 'total', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right input-price disabled-money') }}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="pb-3 pl-2 align-bottom border-0" :class="{'pb-2' : !row.add_tax}" style="max-width: 40px;" >
|
||||
<div class="line-item-content-right-delete pl-2">
|
||||
<button type="button" @click="onDeleteTax(index, row_tax_index)" class="btn btn-link btn-delete p-0">
|
||||
<i class="far fa-trash-alt"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr v-if="row.add_tax">
|
||||
<td colspan="2" class="pl-0 border-0" style="width: 42%;">
|
||||
<div style="position: relative;">
|
||||
<div style="float: left; margin-top: 15px; margin-right:2px; position: absolute; left: -33px;" style="width:231px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="row.add_tax" class="line-item-area pb-3" :class="{'pt-2' : row.add_discount}">
|
||||
<div class="line-item-content">
|
||||
<div class="long-texts line-item-text" style="float: left; margin-top: 15px; margin-right:2px; position: absolute; left: -63px;">
|
||||
{{ trans_choice('general.taxes', 1) }}
|
||||
</div>
|
||||
|
||||
@ -306,23 +286,19 @@
|
||||
></akaunting-select>
|
||||
@stack('taxes_input_end')
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="border-0 text-right long-texts align-middle;" style="width:231px;">
|
||||
<div>
|
||||
<div class="line-item-content-right">
|
||||
<div class="line-item-content-right-price long-texts text-right">
|
||||
__
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td class="pb-3 pl-2 align-bottom border-0" style="max-width:40px;" >
|
||||
<div class="line-item-content-right-delete pl-2">
|
||||
@if (!$hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
|
||||
<button type="button" @click="onDeleteTax(index, 999)" class="btn btn-link btn-delete p-0">
|
||||
<i class="far fa-trash-alt"></i>
|
||||
</button>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user