@sc-360-v2/storefront-cms-library 0.4.14 → 0.4.16

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.
@@ -0,0 +1,66 @@
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+
4
+ $resizerId: "[data-cms-tool='cms-element-resizer']";
5
+ $resizeActive: '[data-cms-element-resizer="true"]';
6
+ [data-div-type="element"] {
7
+ &[data-element-type="addExistingForm"] {
8
+ & > div {
9
+ &.wrapper {
10
+ width: 100%;
11
+ }
12
+ }
13
+
14
+ .grid_container {
15
+ }
16
+ .psw__contain {
17
+ margin-bottom: 24px;
18
+ margin-top: 8px;
19
+
20
+ .psw_status {
21
+ display: flex;
22
+ align-items: center;
23
+ justify-content: space-between;
24
+ gap: 10px;
25
+ .step {
26
+ // width: 20%;1
27
+ height: 3px;
28
+ border-radius: 4px;
29
+ background-color: var(--_gray-300);
30
+ flex-grow: 1;
31
+ &.active {
32
+ background-color: var(--_success-600);
33
+ }
34
+ }
35
+ }
36
+ .psw_content {
37
+ background-color: var(--_gray-50);
38
+ padding: 16px;
39
+ border-radius: 6px !important;
40
+ // height: 100px;
41
+ max-height: 160px;
42
+ overflow-y: auto;
43
+ // margin-top: 20px;
44
+ margin-top: 5px;
45
+ .title {
46
+ font-size: 14px;
47
+ font-weight: 600;
48
+ color: var(--_gray-700);
49
+ margin-bottom: 16px;
50
+ }
51
+ ul {
52
+ li {
53
+ color: var(--_gray-700);
54
+ font-size: 14px;
55
+ & > span {
56
+ display: inline-flex;
57
+ }
58
+ &:not(:last-child) {
59
+ margin-bottom: 8px;
60
+ }
61
+ }
62
+ }
63
+ }
64
+ }
65
+ }
66
+ }
@@ -184,6 +184,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
184
184
  // grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
185
185
  grid-template-columns: 1fr 1fr;
186
186
  gap: 16px;
187
+ max-height: 750px;
188
+ overflow-y: auto;
187
189
 
188
190
  @media (max-width: 500px) {
189
191
  grid-template-columns: 1fr;
@@ -2123,6 +2125,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2123
2125
  --_ctm-mob-dn-pt-ds-vt-pr-on-te-ue,
2124
2126
  var(--_ctm-tab-dn-pt-ds-vt-pr-on-te-ue, var(--_ctm-dn-pt-ds-vt-pr-on-te-ue))
2125
2127
  );
2128
+ max-width: 300px;
2129
+ display: -webkit-box;
2130
+ -webkit-box-orient: vertical;
2131
+ -webkit-line-clamp: 1;
2132
+ text-overflow: ellipsis;
2133
+ overflow: hidden;
2126
2134
  }
2127
2135
  }
2128
2136
  //Dropdown
@@ -154,9 +154,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
154
154
  --_ctm-mob-dn-rm-bn-hr-se-at,
155
155
  var(--_ctm-tab-dn-rm-bn-hr-se-at, var(--_ctm-dn-rm-bn-hr-se-at))
156
156
  );
157
- --_sf-hr-in-ad-tt-sg: var(
158
- --_ctm-mob-dn-rm-bn-hr-se-in-ad-tt-sg,
159
- var(--_ctm-tab-dn-rm-bn-hr-se-in-ad-tt-sg, var(--_ctm-dn-rm-bn-hr-se-in-ad-tt-sg))
157
+ --_sf-hr-gp: var(
158
+ --_ctm-mob-dn-rm-bn-hr-se-gp,
159
+ var(--_ctm-tab-dn-rm-bn-hr-se-gp, var(--_ctm-dn-rm-bn-hr-se-gp))
160
160
  );
161
161
 
162
162
  // for shadow
@@ -255,7 +255,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
255
255
  align-items: center;
256
256
 
257
257
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-at));
258
- gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-in-ad-tt-sg));
258
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-gp));
259
259
 
260
260
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-br-rs));
261
261
 
@@ -368,9 +368,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
368
368
  --_ctm-mob-dn-ld-me-bn-hr-se-at,
369
369
  var(--_ctm-tab-dn-ld-me-bn-hr-se-at, var(--_ctm-dn-ld-me-bn-hr-se-at))
370
370
  );
371
- --_sf-hr-in-ad-tt-sg: var(
372
- --_ctm-mob-dn-ld-me-bn-hr-se-in-ad-tt-sg,
373
- var(--_ctm-tab-dn-ld-me-bn-hr-se-in-ad-tt-sg, var(--_ctm-dn-ld-me-bn-hr-se-in-ad-tt-sg))
371
+ --_sf-hr-gp: var(
372
+ --_ctm-mob-dn-ld-me-bn-hr-se-gp,
373
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-gp, var(--_ctm-dn-ld-me-bn-hr-se-gp))
374
374
  );
375
375
 
376
376
  // for shadow
@@ -469,7 +469,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
469
469
  align-items: center;
470
470
 
471
471
  justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-at));
472
- gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-in-ad-tt-sg));
472
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-gp));
473
473
 
474
474
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-br-rs));
475
475