wickes-css2 2.105.0-develop.2 → 2.105.0-develop.3

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wickes-css2",
3
- "version": "2.105.0-develop.2",
3
+ "version": "2.105.0-develop.3",
4
4
  "description": "CSS and JS and page templates in use by Wickes",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -15,8 +15,9 @@
15
15
  "prettier --write"
16
16
  ],
17
17
  "src/scss/**/*.{scss,css}": [
18
+ "sass-lint-auto-fix",
18
19
  "prettier --write",
19
- "sass-lint-auto-fix"
20
+ "sass-lint -c .sasslintrc"
20
21
  ]
21
22
  },
22
23
  "keywords": [
@@ -70,6 +71,7 @@
70
71
  "prettier": "^3.7.4",
71
72
  "pug": "2.0.4",
72
73
  "sass": "^1.54.9",
74
+ "sass-lint": "^1.13.1",
73
75
  "sass-lint-auto-fix": "^0.21.2",
74
76
  "semantic-release": "^16.0.0-beta.9",
75
77
  "through2": "^4.0.2",
@@ -4,7 +4,7 @@
4
4
  <div class="row">
5
5
  <div class="col-12 generate-project-id__col">
6
6
  <button class="generate-project-id__btn btn btn-transparent">
7
- <span class="btn_text btn-transparent__text">Generate a project ID</span>
7
+ <span class="btn_text btn-transparent__text">Generate project ID</span>
8
8
  <i class="btn-transparent__icon far fa-download"></i>
9
9
  <a href="#" class="copy-barcode page-footer__copy" style="display:none;">
10
10
  <i class="far fa-copy"></i>
@@ -2,9 +2,12 @@
2
2
  <div class="container component pt-0 globalMessages">
3
3
  <div class="row">
4
4
  <div class="col-12">
5
- <div class="primary-text mb-3">{{> notifications notification-page.success-product-added-to-shop-list withCloseBtn="true"}}</div>
6
- <div class="primary-text mb-3">{{> notifications notification-page.warning-product-added-to-shop-list withCloseBtn="true"}}</div>
7
- <div class="primary-text">{{> notifications notification-page.error-load-pdf-to-shop-list withCloseBtn="true"}}</div>
5
+ <div
6
+ class="primary-text mb-3">{{> notifications notification-page.success-product-added-to-shop-list withCloseBtn="true"}}</div>
7
+ <div
8
+ class="primary-text mb-3">{{> notifications notification-page.warning-product-added-to-shop-list withCloseBtn="true"}}</div>
9
+ <div
10
+ class="primary-text">{{> notifications notification-page.error-load-pdf-to-shop-list withCloseBtn="true"}}</div>
8
11
  </div>
9
12
  </div>
10
13
  </div>
@@ -13,6 +16,7 @@
13
16
  <h1 class="page-header__title">Hill - 24-07-23 - Ohio White</h1>
14
17
  </div>
15
18
  </div>
19
+ {{> generate-project-id}}
16
20
  {{#if emptyShopList}}
17
21
  <div class="container component py-4">
18
22
  <div class="row">
@@ -35,15 +39,29 @@
35
39
  <div class="row m-0">
36
40
  <div class="actions actions--v2">
37
41
  <div class="dropdown-share-list">
38
- <button class="btn btn_full btn-secondary share-call share-call__desktop" role="button" id="dropdownShareLinks" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
39
- <i class="fas fa-share-alt icon"></i>
42
+ <button class="btn btn_full btn-secondary share-call share-call__desktop" role="button"
43
+ id="dropdownShareLinks" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
44
+ data-display="static">
45
+ {{#if isAndroid}}
46
+ <i class="fas fa-share-alt icon"></i>
47
+ {{else}}
48
+ <svg class="ios-custom-share-icon" width="14" height="24" viewBox="0 0 14 16" fill="none"
49
+ xmlns="http://www.w3.org/2000/svg">
50
+ <path
51
+ d="M7.70625 0.292969C7.31563 -0.0976562 6.68125 -0.0976562 6.29063 0.292969L2.29063 4.29297C1.9 4.68359 1.9 5.31797 2.29063 5.70859C2.68125 6.09922 3.31562 6.09922 3.70625 5.70859L6 3.41484V9.99922C6 10.5523 6.44688 10.9992 7 10.9992C7.55312 10.9992 8 10.5523 8 9.99922V3.41484L10.2937 5.70859C10.6844 6.09922 11.3188 6.09922 11.7094 5.70859C12.1 5.31797 12.1 4.68359 11.7094 4.29297L7.70937 0.292969H7.70625ZM2 10.9992C2 10.4461 1.55313 9.99922 1 9.99922C0.446875 9.99922 0 10.4461 0 10.9992V12.9992C0 14.6555 1.34375 15.9992 3 15.9992H11C12.6562 15.9992 14 14.6555 14 12.9992V10.9992C14 10.4461 13.5531 9.99922 13 9.99922C12.4469 9.99922 12 10.4461 12 10.9992V12.9992C12 13.5523 11.5531 13.9992 11 13.9992H3C2.44688 13.9992 2 13.5523 2 12.9992V10.9992Z"
52
+ fill="#0277BD" />
53
+ </svg>
54
+ {{/if}}
40
55
  <span>Share</span>
41
56
  </button>
42
57
  <div class="dropdown-menu" aria-labelledby="dropdownShareLinks">
43
- <div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-url="https://www-uat1.dev.wickes.co.uk/project-list/be91b064-13ad-4e27-b51d-67e77a53f430" data-a2a-title="Please check my Wickes project list" style="line-height: 32px;">
58
+ <div class="a2a_kit a2a_kit_size_32 a2a_default_style"
59
+ data-a2a-url="https://www-uat1.dev.wickes.co.uk/project-list/be91b064-13ad-4e27-b51d-67e77a53f430"
60
+ data-a2a-title="Please check my Wickes project list" style="line-height: 32px;">
44
61
  <ul class="socials__list">
45
62
  <li class="socials__item">
46
- <a type="button" href="#" class="a2a_button_email" data-toggle="modal" data-target="#share-list-modal"></a>
63
+ <a type="button" href="#" class="a2a_button_email" data-toggle="modal"
64
+ data-target="#share-list-modal"></a>
47
65
  </li>
48
66
  <li class="socials__item">
49
67
  <a class="a2a_button_facebook" target="_blank" rel="nofollow noopener" href="/#facebook"></a>
@@ -58,9 +76,9 @@
58
76
  </div>
59
77
  </div>
60
78
  </div>
61
- <button href="#" class="btn btn_full btn-secondary download-pdf">
79
+ <button href="#" class="btn btn_full btn-primary download-pdf">
62
80
  <i class="fas fa-file-download icon"></i>
63
- <span>Download</span>
81
+ <span>Download pdf</span>
64
82
  </button>
65
83
  </div>
66
84
 
@@ -71,7 +89,7 @@
71
89
  <div class="content shop-list-info d-flex">
72
90
  <div class="shop-list-info_item heading-4">
73
91
  <span class="shop-list-info_count">5</span> item<span class="shop-list-info_one-item">s</span> (<span
74
- class="shop-list-info_left">95</span> left)
92
+ class="shop-list-info_left">95</span> left)
75
93
  </div>
76
94
  </div>
77
95
  </div>
@@ -1,10 +1,10 @@
1
1
  <div class="container mb-3">
2
- <a class="btn btn-secondary btn-back-to-project-list" href="/page_my-project-list-multiple.html">
3
- <i class="fas fa-arrow-left"></i>
4
- <span>
2
+ <a class="btn btn-secondary btn-back-to-project-list" href="/page_my-project-list-multiple.html">
3
+ <i class="fas fa-arrow-left"></i>
4
+ <span>
5
5
  Back to Project Lists hub
6
6
  </span>
7
- </a>
7
+ </a>
8
8
  </div>
9
9
  <div class="globalMessages container component pt-0 pb-0">
10
10
  <div class="row">
@@ -64,7 +64,7 @@
64
64
  <i class="fas fa-share-alt icon"></i>
65
65
  <span>Share</span>
66
66
  </button>
67
- <button href="#" class="btn btn_full btn-secondary download-pdf {{#if hideDownload}}d-none{{/if}}">
67
+ <button href="#" class="btn btn_full btn-secondary download-pdf">
68
68
  <i class="fas fa-file-download icon"></i>
69
69
  <span>Download</span>
70
70
  </button>
@@ -3,7 +3,7 @@
3
3
  {{/content}}
4
4
  {{#content "body"}}
5
5
  <main>
6
- {{> shopping-list emptyShopList=false isUserRegister=true pagination=true note=true hideDownload=true}}
6
+ {{> shopping-list emptyShopList=false isUserRegister=true pagination=true note=true}}
7
7
  </main>
8
8
  {{/content}}
9
9
  {{#content "foot" mode="append"}}
@@ -0,0 +1,14 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="page_empty-shared-shopping-list" title="Project list - Bicester Hub" hideBanner="true" shopListEmpty="true"}}
2
+ {{#content "head" mode="append"}}
3
+ <link type="text/css" rel="stylesheet" href="./css/pages/bicester-project-list.css">
4
+ {{/content}}
5
+ {{#content "body"}}
6
+ <main>
7
+ {{> shopping-list-with-share-list-v2 isUserRegister=true isAndroid=true}}
8
+ </main>
9
+ {{/content}}
10
+ {{#content "foot" mode="append"}}
11
+ <script src="./js/project-list-note.min.js"></script>
12
+ <script async src="https://static.addtoany.com/menu/page.js"></script>
13
+ {{/content}}
14
+ {{/extend}}
@@ -0,0 +1,14 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="page_empty-shared-shopping-list tp-ios" title="Project list - Bicester Hub" hideBanner="true" shopListEmpty="true"}}
2
+ {{#content "head" mode="append"}}
3
+ <link type="text/css" rel="stylesheet" href="./css/pages/bicester-project-list.css">
4
+ {{/content}}
5
+ {{#content "body"}}
6
+ <main>
7
+ {{> shopping-list-with-share-list-v2 isUserRegister=true}}
8
+ </main>
9
+ {{/content}}
10
+ {{#content "foot" mode="append"}}
11
+ <script src="./js/project-list-note.min.js"></script>
12
+ <script async src="https://static.addtoany.com/menu/page.js"></script>
13
+ {{/content}}
14
+ {{/extend}}
@@ -93,6 +93,28 @@
93
93
  }
94
94
  }
95
95
  }
96
+
97
+ .ios-custom-share-icon {
98
+ margin-right: 13px;
99
+
100
+ path {
101
+ transition: fill 0.2s ease;
102
+ }
103
+ }
104
+
105
+ .btn-secondary:hover,
106
+ .btn-secondary:active,
107
+ .btn-secondary:focus {
108
+ .ios-custom-share-icon path {
109
+ fill: $white !important;
110
+ }
111
+ }
112
+ }
113
+
114
+ .tp-app {
115
+ .btn-back-to-project-list {
116
+ display: none !important;
117
+ }
96
118
  }
97
119
 
98
120
  .copy-link_hovered {
@@ -130,13 +130,11 @@
130
130
  }
131
131
  }
132
132
 
133
-
134
133
  & .icon-info-component {
135
134
  vertical-align: middle;
136
135
  margin-right: 5px;
137
136
  }
138
137
 
139
-
140
138
  &-text {
141
139
  text-transform: capitalize;
142
140
  font-size: 1rem;
@@ -158,7 +156,6 @@
158
156
  border-color: $red;
159
157
  }
160
158
  }
161
-
162
159
  }
163
160
 
164
161
  &__count {
@@ -205,13 +202,29 @@
205
202
  }
206
203
 
207
204
  &__error {
208
- font-size: .75rem;
205
+ font-size: 0.75rem;
209
206
  line-height: 1rem;
210
207
  margin: 0;
211
208
  color: $red;
212
209
  visibility: hidden;
213
210
  }
214
211
  }
212
+
213
+ .ios-custom-share-icon {
214
+ margin-right: 13px;
215
+
216
+ path {
217
+ transition: fill 0.2s ease;
218
+ }
219
+ }
220
+
221
+ .btn-secondary:hover,
222
+ .btn-secondary:active,
223
+ .btn-secondary:focus {
224
+ .ios-custom-share-icon path {
225
+ fill: $white !important;
226
+ }
227
+ }
215
228
  }
216
229
 
217
230
  .shopping-list {
@@ -299,7 +312,6 @@
299
312
  }
300
313
  }
301
314
 
302
-
303
315
  @include media-breakpoint-down(lg) {
304
316
  .shopping-list {
305
317
  .ref {
@@ -369,7 +381,6 @@
369
381
  }
370
382
  }
371
383
  }
372
-
373
384
  }
374
385
  }
375
386
 
@@ -459,7 +470,7 @@
459
470
  h1 {
460
471
  text-align: center;
461
472
  margin-bottom: 0;
462
- padding-bottom: .67em;
473
+ padding-bottom: 0.67em;
463
474
  font-size: 34px !important;
464
475
  }
465
476
 
@@ -509,4 +520,3 @@
509
520
  }
510
521
  }
511
522
  }
512
-
package/src/sitemap.html CHANGED
@@ -629,10 +629,18 @@
629
629
  </li>
630
630
  <li>
631
631
  <span class="page-id">6.24</span>
632
- <a href="page_project-list-generate-project-list-ID.html" target="_blank">Project list - Generate Project list ID</a>
632
+ <a href="page_project-list-with-new-share-popup-ios.html" target="_blank">My Project list Multiple - iOS share button</a>
633
633
  </li>
634
634
  <li>
635
635
  <span class="page-id">6.25</span>
636
+ <a href="page_project-list-with-new-share-popup-android.html" target="_blank">My Project list Multiple - Android share button</a>
637
+ </li>
638
+ <li>
639
+ <span class="page-id">6.26</span>
640
+ <a href="page_project-list-generate-project-list-ID.html" target="_blank">Project list - Generate Project list ID</a>
641
+ </li>
642
+ <li>
643
+ <span class="page-id">6.27</span>
636
644
  <a href="page_project-list-vat.html" target="_blank">Project list - Vat</a>
637
645
  </li>
638
646
  </ul>