@sc-360-v2/storefront-cms-library 0.4.13 → 0.4.15

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.
@@ -28,7 +28,55 @@
28
28
  width: 100%;
29
29
  height: 100%;
30
30
  }
31
+ .psw__contain {
32
+ margin-bottom: 24px;
33
+ margin-top: 8px;
31
34
 
35
+ .psw_status {
36
+ display: flex;
37
+ align-items: center;
38
+ justify-content: space-between;
39
+ gap: 10px;
40
+ .step {
41
+ // width: 20%;1
42
+ height: 3px;
43
+ border-radius: 4px;
44
+ background-color: var(--_gray-300);
45
+ flex-grow: 1;
46
+ &.active {
47
+ background-color: var(--_success-600);
48
+ }
49
+ }
50
+ }
51
+ .psw_content {
52
+ background-color: var(--_gray-50);
53
+ padding: 16px;
54
+ border-radius: 6px !important;
55
+ // height: 100px;
56
+ max-height: 160px;
57
+ overflow-y: auto;
58
+ // margin-top: 20px;
59
+ margin-top: 5px;
60
+ .title {
61
+ font-size: 14px;
62
+ font-weight: 600;
63
+ color: var(--_gray-700);
64
+ margin-bottom: 16px;
65
+ }
66
+ ul {
67
+ li {
68
+ color: var(--_gray-700);
69
+ font-size: 14px;
70
+ & > span {
71
+ display: inline-flex;
72
+ }
73
+ &:not(:last-child) {
74
+ margin-bottom: 8px;
75
+ }
76
+ }
77
+ }
78
+ }
79
+ }
32
80
  &[data-widget-border="true"] {
33
81
  .search-wrapper {
34
82
  border-color: var(
package/dist/filters.scss CHANGED
@@ -646,8 +646,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
646
646
  gap: 12px;
647
647
  .search__btn {
648
648
  svg {
649
- width: 14px;
650
- height: 14px;
649
+ width: 16px;
650
+ height: 16px;
651
651
  }
652
652
  }
653
653
  }
@@ -657,6 +657,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
657
657
  padding: 6px 10px;
658
658
  border: 1px solid var(--_gray-300);
659
659
  border-radius: 6px;
660
+ width: 100%;
660
661
 
661
662
  button {
662
663
  display: flex;
@@ -1624,7 +1625,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1624
1625
  button {
1625
1626
  display: flex;
1626
1627
  .default-icon {
1627
- display: block;
1628
+ display: flex;
1629
+ justify-content: center;
1630
+ align-items: center;
1628
1631
  }
1629
1632
 
1630
1633
  .hover-icon {
@@ -2043,7 +2046,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2043
2046
 
2044
2047
  // Multi Range Slider Starts
2045
2048
  .double-slider-box {
2046
- background-color: #fff;
2047
2049
  border-radius: 10px;
2048
2050
  // padding: 20px;
2049
2051
  width: 100%;
@@ -2055,7 +2057,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2055
2057
  position: relative;
2056
2058
  width: 100%;
2057
2059
  height: 5px;
2058
- margin: 30px 0;
2060
+ margin: 16px 0 30px 0px;
2059
2061
  // background-color: var(--_primary-400);
2060
2062
  background: linear-gradient(
2061
2063
  to right,
@@ -2171,7 +2173,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2171
2173
  top: -35px;
2172
2174
  font-size: 12px;
2173
2175
  color: #555;
2174
- background-color: #fff;
2176
+ // background-color: #fff;
2175
2177
  border: 1px solid #ddd;
2176
2178
  border-radius: 5px;
2177
2179
  white-space: nowrap;
@@ -2182,12 +2184,20 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2182
2184
  left: 42px;
2183
2185
  top: 20px;
2184
2186
  transform: translateX(-50%);
2187
+ input {
2188
+ padding-left: 0px !important;
2189
+ text-align: left !important;
2190
+ }
2185
2191
  }
2186
2192
 
2187
2193
  .max-tooltip {
2188
2194
  right: 45px;
2189
2195
  top: 20px;
2190
2196
  transform: translateX(50%);
2197
+ input {
2198
+ padding-left: 0px !important;
2199
+ text-align: left !important;
2200
+ }
2191
2201
  }
2192
2202
 
2193
2203
  .price-range-container {