Skip to content

Commit

Permalink
Merge pull request #13929 from transcom/MAIN-21549
Browse files Browse the repository at this point in the history
MAIN B-21549
  • Loading branch information
cameroncaci authored Oct 23, 2024
2 parents 7da3f7e + 859e61d commit 2fa4cbd
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 22 deletions.
10 changes: 6 additions & 4 deletions src/components/ShipmentList/ShipmentList.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -59,11 +59,11 @@ export const ShipmentListItem = ({
}`}
data-testid="shipment-list-item-container"
>
<div>
<div className={styles['shipment-info']}>
<strong>
{getShipmentTypeLabel(shipment.shipmentType)}
{showNumber && ` ${shipmentNumber}`}
</strong>{' '}
</strong>
<br />
{showShipmentTooltip &&
(shipment.shipmentType === SHIPMENT_OPTIONS.HHG ||
Expand All @@ -84,7 +84,9 @@ export const ShipmentListItem = ({
</div>
{/* use substring of the UUID until actual shipment code is available */}
{!showShipmentWeight && !showIncomplete && (
<span className={styles['shipment-code']}>#{shipment.shipmentLocator}</span>
<div className={styles['shipment-locator']}>
<span>#{shipment.shipmentLocator}</span>
</div>
)}
{showIncomplete && <Tag>Incomplete</Tag>}
{showShipmentWeight && (
Expand Down Expand Up @@ -115,7 +117,7 @@ export const ShipmentListItem = ({
</div>
)}
{canEditOrDelete ? (
<div className={styles['shipment-btns']}>
<div className={styles['shipment-buttons']}>
<Button className={styles['edit-btn']} onClick={onDeleteClick} type="button">
Delete
</Button>
Expand Down
33 changes: 15 additions & 18 deletions src/components/ShipmentList/ShipmentList.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,36 +8,33 @@
align-items: center;
border-radius: 0 5px 5px 0;
border: 1px solid $base-lighter;
padding-left: 6px;
padding-right: 13px;
padding-top: 12px;
padding-bottom: 12px;
padding: 12px 12px;
height: 52px;
@include u-margin-bottom(1);

strong {
white-space: nowrap;
@media (min-width: $tablet) {
@include u-minw(15);
}
@include u-minw(7);
text-align: left;
.shipment-info {
flex: 1;
}

&:last-child {
margin-bottom: 0px;
.shipment-buttons {
flex: 1;
display: flex;
justify-content: flex-end;
align-items: center;
margin: 0;
}

&.shipment-display {
cursor: default;
justify-content: start;
}
}

.shipment-btns {
display: flex;
justify-content: center;
align-items: center;
@media (max-width: 768px) {
.shipment-buttons {
margin-left: 3vw;
margin-right: -3vw;
}
}
}

:global(.usa-button).edit-btn {
Expand Down

0 comments on commit 2fa4cbd

Please sign in to comment.