Skip to content

Commit 662af90

Browse files
ENGCOM-4269: ipad-view-order-summary-block #20856
- Merge Pull Request #20856 from dipti2jcommerce/magento2:ipad-view-order-summary-block - Merged commits: 1. 4bb06ef 2. 92d4ffa 3. 5c67e67
2 parents 9cdc1b7 + 5c67e67 commit 662af90

File tree

1 file changed

+27
-3
lines changed
  • app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout

1 file changed

+27
-3
lines changed

app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_order-summary.less

Lines changed: 27 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -152,14 +152,14 @@
152152
}
153153

154154
.product-item-name-block {
155-
display: table-cell;
155+
display: block;
156156
padding-right: @indent__xs;
157157
text-align: left;
158158
}
159159

160160
.subtotal {
161-
display: table-cell;
162-
text-align: right;
161+
display: block;
162+
text-align: left;
163163
}
164164

165165
.price {
@@ -231,3 +231,27 @@
231231
}
232232
}
233233
}
234+
235+
//
236+
// Tablet
237+
// _____________________________________________
238+
239+
@media only screen and (max-width: @screen__m) {
240+
.opc-block-summary {
241+
.product-item {
242+
.product-item-inner {
243+
display: block;
244+
}
245+
246+
.product-item-name-block {
247+
display: block;
248+
text-align: left;
249+
}
250+
251+
.subtotal {
252+
display: block;
253+
text-align: left;
254+
}
255+
}
256+
}
257+
}

0 commit comments

Comments
 (0)