@sc-360-v2/storefront-cms-library 0.5.42 → 0.5.44

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.
@@ -533,16 +533,49 @@
533
533
  }
534
534
  }
535
535
  }
536
+ .placeholder__text {
537
+ display: flex !important;
538
+ justify-content: space-between !important;
539
+ color: var(--_gray-700) !important;
540
+ border: 1px solid var(--_gray-400) !important;
541
+ border-radius: 6px !important;
542
+ padding: 8px 12px !important;
543
+ background-color: #fff !important;
544
+ width: 100% !important;
545
+ }
546
+ .est__dropdown .list {
547
+ gap: var(
548
+ --_ctm-mob-lt-dn-gp-bn-is,
549
+ var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is))
550
+ );
551
+ }
536
552
  .items__container {
537
553
  .dropdown__container {
538
554
  .est__dropdown__main {
539
555
  .est__dropdown {
540
- .est__dropdown__button,
541
- .list {
542
- width: var(
543
- --_ctm-mob-lt-dn-wh,
544
- var(--_ctm-tab-dn-wh, var(--_ctm-lt-dn-wh))
545
- ) !important;
556
+ .est__dropdown__button {
557
+ .value__selected {
558
+ color: none !important;
559
+ border: 0px !important;
560
+ border-radius: 0px !important;
561
+ padding: 0px !important;
562
+ background-color: transparent;
563
+ }
564
+ .list {
565
+ width: var(
566
+ --_ctm-mob-lt-dn-wh,
567
+ var(--_ctm-tab-dn-wh, var(--_ctm-lt-dn-wh))
568
+ ) !important;
569
+ gap: var(
570
+ --_ctm-mob-lt-dn-gp-bn-is,
571
+ var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is))
572
+ );
573
+ justify-content: flex-start;
574
+ align-items: flex-start;
575
+ height: auto;
576
+ display: flex;
577
+ justify-content: space-between;
578
+ }
546
579
  }
547
580
  }
548
581
  }
@@ -18,6 +18,7 @@
18
18
  &.wrapper {
19
19
  width: 100%;
20
20
  height: 100%;
21
+ min-height: prepareMediaVariable(--_ctm-repe-lt-mn-ht, 0px) !important;
21
22
  padding: var(--_ctm-mob-repe-lt-pg, var(--_ctm-tab-repe-lt-pg, var(--_ctm-repe-lt-pg)));
22
23
  //margin: var(--_ctm-mob-repe-lt-mn, var(--_ctm-tab-repe-lt-mn, var(--_ctm-repe-lt-mn)));
23
24
 
@@ -222,7 +222,7 @@ $listViewSlector: '.lst_vw[data-element-type="repeater"]';
222
222
  flex-wrap: wrap;
223
223
  width: 100%;
224
224
  height: auto !important;
225
- min-height: 100px !important;
225
+ // min-height: 100px !important;
226
226
  }
227
227
  }
228
228
  &:not(.stimsfrRws) {
@@ -256,7 +256,7 @@ $listViewSlector: '.lst_vw[data-element-type="repeater"]';
256
256
  &.stimsfrRws {
257
257
  & > div {
258
258
  &.wrapper {
259
- align-self: center !important;
259
+ align-self: prepareMediaVariable(--_ctm-rep-lt-an-is) !important;
260
260
  & > div {
261
261
  &#{$childItemSelector},
262
262
  &#{$adSlotElementSelector},
@@ -280,7 +280,7 @@ $listViewSlector: '.lst_vw[data-element-type="repeater"]';
280
280
  (100% / var(--_col-count)) -
281
281
  (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count)))
282
282
  );
283
- align-self: stretch;
283
+ // align-self: stretch;
284
284
  // height: 100px;
285
285
  grid-template-rows: minmax(
286
286
  max(
@@ -382,6 +382,9 @@ $listViewSlector: '.lst_vw[data-element-type="repeater"]';
382
382
  column-gap: #{prepareMediaVariable(--_ctm-rep-lt-cn-gp, 0px)};
383
383
  row-gap: #{prepareMediaVariable(--_ctm-rep-lt-rw-gp, 0px)};
384
384
  }
385
+
386
+ justify-content: prepareMediaVariable(--_ctm-rep-lt-jy-ct);
387
+ align-items: prepareMediaVariable(--_ctm-rep-lt-an-is);
385
388
  // width: 100%;
386
389
  // grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
387
390
  // grid-auto-rows: minmax(100px, 1fr);