@sc-360-v2/storefront-cms-library 0.3.89 → 0.3.90
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -184,9 +184,9 @@ $button-padding: 6px 12px;
|
|
|
184
184
|
// min-height: 48px;
|
|
185
185
|
border-radius: 4px;
|
|
186
186
|
|
|
187
|
-
.checkbox_container {
|
|
188
|
-
|
|
189
|
-
}
|
|
187
|
+
// .checkbox_container {
|
|
188
|
+
// top: 4px;
|
|
189
|
+
// }
|
|
190
190
|
|
|
191
191
|
&.disabled {
|
|
192
192
|
.label-content {
|
|
@@ -206,6 +206,10 @@ $button-padding: 6px 12px;
|
|
|
206
206
|
white-space: nowrap;
|
|
207
207
|
overflow: hidden;
|
|
208
208
|
text-overflow: ellipsis;
|
|
209
|
+
display: flex;
|
|
210
|
+
gap: 4px;
|
|
211
|
+
flex-wrap: wrap;
|
|
212
|
+
margin-top: 4px;
|
|
209
213
|
}
|
|
210
214
|
}
|
|
211
215
|
}
|
package/dist/checkout.scss
CHANGED
|
@@ -32,6 +32,23 @@ $dark-color: #343a40;
|
|
|
32
32
|
// width: 100%;
|
|
33
33
|
// }
|
|
34
34
|
|
|
35
|
+
.checkout_steps_skeleton {
|
|
36
|
+
display: flex;
|
|
37
|
+
flex-direction: column;
|
|
38
|
+
gap: 56px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.checkout_optional_method {
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
gap: 12px;
|
|
45
|
+
margin-top: 12px;
|
|
46
|
+
& > div {
|
|
47
|
+
display: flex;
|
|
48
|
+
gap: 12px;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
35
52
|
// checkout styles started
|
|
36
53
|
.chk_checkout_wrapper {
|
|
37
54
|
// checkout login styles started
|
|
@@ -1430,6 +1447,7 @@ $dark-color: #343a40;
|
|
|
1430
1447
|
display: grid;
|
|
1431
1448
|
grid-template-columns: 1fr;
|
|
1432
1449
|
gap: var(--_ctm-lt-sg-md-le-gp);
|
|
1450
|
+
padding-top: 12px;
|
|
1433
1451
|
|
|
1434
1452
|
@media (min-width: 768px) {
|
|
1435
1453
|
grid-template-columns: 1fr 1fr;
|
|
@@ -5323,6 +5341,26 @@ $dark-color: #343a40;
|
|
|
5323
5341
|
flex-direction: column;
|
|
5324
5342
|
gap: 0.25rem;
|
|
5325
5343
|
|
|
5344
|
+
.sr_skeletons {
|
|
5345
|
+
padding-block: 12px;
|
|
5346
|
+
.sr_add_name {
|
|
5347
|
+
display: flex;
|
|
5348
|
+
justify-content: space-between;
|
|
5349
|
+
align-items: center;
|
|
5350
|
+
margin-bottom: 16px;
|
|
5351
|
+
}
|
|
5352
|
+
.sr_address {
|
|
5353
|
+
display: flex;
|
|
5354
|
+
flex-wrap: wrap;
|
|
5355
|
+
gap: 12px;
|
|
5356
|
+
}
|
|
5357
|
+
.sr_contact {
|
|
5358
|
+
display: flex;
|
|
5359
|
+
gap: 12px;
|
|
5360
|
+
margin-top: 16px;
|
|
5361
|
+
}
|
|
5362
|
+
}
|
|
5363
|
+
|
|
5326
5364
|
.summary-content {
|
|
5327
5365
|
display: flex;
|
|
5328
5366
|
flex-direction: row;
|
|
@@ -377,8 +377,8 @@
|
|
|
377
377
|
|
|
378
378
|
&_body {
|
|
379
379
|
padding: 16px;
|
|
380
|
-
max-height: calc(100vh - 420px);
|
|
381
|
-
overflow: auto;
|
|
380
|
+
// max-height: calc(100vh - 420px);
|
|
381
|
+
// overflow: auto;
|
|
382
382
|
}
|
|
383
383
|
|
|
384
384
|
&_row {
|
|
@@ -513,7 +513,7 @@
|
|
|
513
513
|
// color: var(--_gray-500);
|
|
514
514
|
font-weight: 400;
|
|
515
515
|
line-height: 20px;
|
|
516
|
-
padding-bottom:
|
|
516
|
+
padding-bottom: 12x;
|
|
517
517
|
}
|
|
518
518
|
&_details {
|
|
519
519
|
display: flex;
|
|
@@ -562,7 +562,7 @@
|
|
|
562
562
|
font-weight: 600;
|
|
563
563
|
// color: var(--_gray-900);
|
|
564
564
|
background: #f5f5f5;
|
|
565
|
-
padding:
|
|
565
|
+
padding: 6px;
|
|
566
566
|
border-radius: 4px;
|
|
567
567
|
margin-bottom: 12px;
|
|
568
568
|
padding-left: 12px;
|
|
@@ -627,6 +627,17 @@
|
|
|
627
627
|
flex-direction: column;
|
|
628
628
|
gap: 8px;
|
|
629
629
|
}
|
|
630
|
+
.confirm_button {
|
|
631
|
+
padding: 8px 24px;
|
|
632
|
+
border-radius: 4px;
|
|
633
|
+
background-color: var(--_thm-py-bs-dt-se-bd-cr);
|
|
634
|
+
color: var(--_thm-py-bs-dt-se-tt-cr);
|
|
635
|
+
margin-block: 4px 16px;
|
|
636
|
+
&:hover {
|
|
637
|
+
background-color: var(--_thm-py-bs-hr-se-bd-cr);
|
|
638
|
+
color: var(--_thm-py-bs-hr-se-tt-cr);
|
|
639
|
+
}
|
|
640
|
+
}
|
|
630
641
|
}
|
|
631
642
|
.cpn__checkmark__icon {
|
|
632
643
|
display: flex;
|