Skip to content

Commit a32f99e

Browse files
committed
OPSMN-6998: Fixed box scanner UI layout.
1) Each box field appears on a separate line. 2) Reduced margin between the different box fields. 3) Added a section header for box restriction fields to clearly demarcate what the collection protocols and specimen types fields are meant for.
1 parent f3e50e3 commit a32f99e

File tree

2 files changed

+12
-2
lines changed

2 files changed

+12
-2
lines changed

ui/src/administrative/containers/ScanBoxes.vue

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
</template>
2525

2626
<template #content>
27-
<ul class="os-key-values">
27+
<ul class="os-key-values os-one-col">
2828
<li class="item">
2929
<strong class="key key-sm">
3030
<span v-t="{path: 'containers.' + ctx.scannedField}">Barcode</span>
@@ -51,6 +51,11 @@
5151
:list-source="{queryParams: {static: {entityType: 'storage_container'}}}" />
5252
</span>
5353
</li>
54+
<li class="item section">
55+
<strong class="key key-sm">
56+
<span v-t="'containers.box_restrictions'">Box Restrictions</span>
57+
</strong>
58+
</li>
5459
<li class="item">
5560
<strong class="key key-sm">
5661
<span v-t="'containers.collection_protocols'">Collection Protocols</span>
@@ -1019,7 +1024,11 @@ export default {
10191024
}
10201025
10211026
.os-key-values .item {
1022-
margin-bottom: 20px;
1027+
margin-bottom: 0.5rem;
1028+
}
1029+
1030+
.os-key-values .item.section .key {
1031+
font-weight: bold;
10231032
}
10241033
10251034
.os-container-occupant h4.title {

ui/src/i18n/en.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -515,6 +515,7 @@
515515
"box_name_not_detected": "Box name not detected. Manually input the box name.",
516516
"box_name_not_specified": "Box name not specified.",
517517
"box_details": "Box Details",
518+
"box_restrictions": "Restrictions",
518519
"bulk_deleted": "Containers deleted successfully.",
519520
"cannot_read_barcodes": "Could not detect barcode of the specimens at the following locations: {locations}.",
520521
"capacity": "Capacity",

0 commit comments

Comments
 (0)