fix: add td-editable
gitea/salix/pipeline/head This commit looks good Details

This commit is contained in:
Alex Moreno 2022-10-10 09:21:14 +02:00
parent 18cd34bccb
commit e497ddd664
2 changed files with 36 additions and 36 deletions

View File

@ -54,7 +54,7 @@
<th field="stickers" number>
<span translate>Packages</span>
</th>
<th field="kg" centered>
<th field="kg" number>
<span translate>Bl. KG</span>
</th>
<th field="loadedKg" number>
@ -107,31 +107,30 @@
{{::travel.cargoSupplierNickname}}
</span>
</td>
<td expand>{{::travel.agencyModeName}}</td>
<td
name="reference"
class="td-editable"
vn-click-stop>
<vn-textfield
class="dense td-editable"
ng-model="travel.ref"
on-change="$ctrl.save(travel.id, {ref: value})">
</vn-textfield>
<td>{{::travel.agencyModeName}}</td>
<td vn-click-stop>
<vn-td-editable name="reference" expand>
<text>{{travel.ref}}</text>
<field>
<vn-textfield class="dense" vn-focus
ng-model="travel.ref"
on-change="$ctrl.save(travel.id, {ref: value})">
</vn-textfield>
</field>
</vn-td-editable>
</td>
<td number>{{::travel.stickers}}</td>
<td
name="lockedKg"
class="number"
shrink
vn-click-stop>
<vn-input-number
number
shrink
class="td-editable number"
ng-model="travel.kg"
on-change="$ctrl.save(travel.id, {kg: value})"
min="0">
</vn-input-number>
<td vn-click-stop>
<vn-td-editable name="lockedKg" expand style="text-align: right">
<text number>{{travel.kg}}</text>
<field>
<vn-input-number class="dense" vn-focus
ng-model="travel.kg"
on-change="$ctrl.save(travel.id, {kg: value})"
min="0">
</vn-input-number>
</field>
</vn-td-editable>
</td>
<td number>{{::travel.loadedKg}}</td>
<td number>{{::travel.volumeKg}}</td>

View File

@ -3,7 +3,6 @@
vn-travel-extra-community {
.header {
margin-bottom: 16px;
font-size: 1.1rem;
line-height: 1;
padding: 7px;
padding-bottom: 7px;
@ -16,6 +15,10 @@ vn-travel-extra-community {
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
.multi-line{
padding-top: 15px;
padding-bottom: 15px;
}
}
table[vn-droppable] {
@ -46,21 +49,19 @@ vn-travel-extra-community {
font-weight: bold;
}
.td-editable {
max-width: 200px;
}
vn-input-number.number {
min-width: 100px;
}
.number * {
text-align: center;
}
.multi-line{
max-width: 200px;
word-wrap: normal;
white-space: normal;
}
vn-td-editable text {
background-color: transparent;
padding: 0;
border: 0;
border-bottom: 1px dashed $color-active;
border-radius: 0;
color: $color-active
}
}