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

View File

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