Skip to content

Commit 9474b8c

Browse files
authored
ENGCOM-4269: ipad-view-order-summary-block #20856
2 parents 34fcd3b + 662af90 commit 9474b8c

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)