wickes-css2 2.98.0-develop.1 → 2.98.0-develop.3

package/build/css/pages/page_track-my-order.css

@@ -1 +1 @@
-.track-order{padding:0}.track-order__wrap{padding-top:24px;padding-bottom:40px}.track-order__main{margin-top:24px}.track-order__main .title{font-size:1.625rem;font-weight:500;line-height:2.25rem;margin-bottom:0}.track-order-form{margin-top:16px}.track-order-form .form-row{padding:0;margin:0}.track-order-form .form-row__field,.track-order-form .form-row__label{padding:0}.track-order-form .form-row__label{display:flex;align-items:center}.track-order-form .form-row__error{padding:0}.track-order-form .form-row .icon-info-component{display:flex;align-items:center;justify-items:center;width:16px;height:16px;margin-left:4px;font-size:.675rem}.track-order-form__options{margin-top:16px}.track-order-form__options .nav{grid-gap:16px 24px;display:flex;flex-wrap:wrap}.track-order-form__options .nav__label{margin-bottom:0}.track-order-form .btn--track-order,.track-order-form__options .tab-content{margin-top:16px}.track-order:has(.my-order) .track-order__wrap{padding-bottom:0}.track-order .my-order .btn--print{margin-top:12px;display:none}.order-info{border:1px solid #ccc;border-radius:4px;padding:16px;position:relative;font-size:1rem;font-weight:400;line-height:1.5rem}.order-info__toggle{margin-bottom:0;font-size:1.125rem;font-weight:500;line-height:1.5rem;display:flex;align-items:flex-start;justify-content:space-between}.order-info__list{padding-left:20px;margin-top:16px;margin-bottom:0}.order-info__paragraph{margin-top:8px;margin-bottom:0}.order-info .icon-wrap{cursor:pointer}.order-info .icon-wrap .icon{color:#0277bd}.icon-wrap{display:flex;justify-content:center;align-items:center;height:24px;width:24px}.icon-wrap .icon{height:auto;font-size:1rem}@media print{.account-actions,.breadcrumbs,.btn--print,.header-wrapper,.main-nav,.new-usp-container .new-usp-bar,.sticky-wrapper,.track-order__wrap,footer,wickes-chat{display:none}}@media (min-width:576px){.track-order .my-order .btn--print{margin-top:0}}@media (min-width:768px){.order-info{padding:24px 40px}.track-order__wrap{padding-bottom:70px}.track-order__main{border:1px solid #ccc;border-radius:4px;padding:40px}.track-order__main .title{text-align:left;font-size:2.125rem;font-weight:500;line-height:2.875rem}.track-order .my-order{padding:0}.track-order .my-order .btn--print{display:flex}.track-order-form,.track-order-form .btn--track-order,.track-order-form .tab-content,.track-order-form__options{margin-top:24px}.track-order-form__options>.form-row__label{margin-bottom:16px}}@media (min-width:992px){.track-order__main{margin-top:0;width:100%}.track-order__wrap{display:flex;flex-direction:row-reverse;grid-gap:24px;padding-top:40px}.track-order:has(.my-order) .track-order__wrap{padding-bottom:0}.track-order:has(.my-order) .my-order{padding-top:40px}.order-info{width:100%;padding-top:40px;padding-bottom:40px}.order-info__toggle{pointer-events:none}.order-info__toggle .icon-wrap{display:none}.order-info .collapse{display:flex;flex-direction:column}}
+.track-order{padding:0}.track-order__wrap{padding-top:24px;padding-bottom:40px}.track-order__main{margin-top:24px}.track-order__main .title{font-size:1.625rem;font-weight:500;line-height:2.25rem;margin-bottom:0}.track-order-form{margin-top:16px}.track-order-form .form-row{padding:0;margin:0}.track-order-form .form-row__field,.track-order-form .form-row__label{padding:0}.track-order-form .form-row__label{display:flex;align-items:center}.track-order-form .form-row__error{padding:0}.track-order-form .form-row .icon-info-component{display:flex;align-items:center;justify-items:center;width:16px;height:16px;margin-left:4px;font-size:.675rem}.track-order-form__options{margin-top:16px}.track-order-form__options .nav{grid-gap:16px 24px;display:flex;flex-wrap:wrap}.track-order-form__options .nav__label{margin-bottom:0}.track-order-form .btn--track-order,.track-order-form__options .tab-content{margin-top:16px}.track-order:has(.my-order) .track-order__wrap{padding-bottom:0}.track-order .my-order .btn--print{margin-top:12px;display:none}.order-info{border:1px solid #ccc;border-radius:4px;padding:16px;position:relative;font-size:1rem;font-weight:400;line-height:1.5rem}.order-info__toggle{margin-bottom:0;font-size:1.125rem;font-weight:500;line-height:1.5rem;display:flex;align-items:flex-start;justify-content:space-between}.order-info__toggle .icon-wrap{display:flex;align-items:center;justify-content:center}.order-info__toggle .icon-wrap:after{content:"+";color:#0277bd;font-size:1.575rem}.order-info__toggle[aria-expanded=true] .icon-wrap:after{content:"-";font-size:2.95rem}.order-info__list{padding-left:20px;margin-top:16px;margin-bottom:0}.order-info__paragraph{margin-top:8px;margin-bottom:0}.order-info .icon-wrap{cursor:pointer}.order-info .icon-wrap .icon{color:#0277bd}.icon-wrap{display:flex;justify-content:center;align-items:center;height:24px;width:24px}.icon-wrap .icon{height:auto;font-size:1rem}@media print{.account-actions,.breadcrumbs,.btn--print,.header-wrapper,.main-nav,.new-usp-container .new-usp-bar,.sticky-wrapper,.track-order__wrap,footer,wickes-chat{display:none}}@media (min-width:576px){.track-order .my-order .btn--print{margin-top:0}}@media (min-width:768px){.order-info{padding:24px 40px}.track-order__wrap{padding-bottom:70px}.track-order__main{border:1px solid #ccc;border-radius:4px;padding:40px}.track-order__main .title{text-align:left;font-size:2.125rem;font-weight:500;line-height:2.875rem}.track-order .my-order{padding:0}.track-order .my-order .btn--print{display:flex}.track-order-form,.track-order-form .btn--track-order,.track-order-form .tab-content,.track-order-form__options{margin-top:24px}.track-order-form__options>.form-row__label{margin-bottom:16px}}@media (min-width:992px){.track-order__main{margin-top:0;width:100%}.track-order__wrap{display:flex;flex-direction:row-reverse;grid-gap:24px;padding-top:40px}.track-order:has(.my-order) .track-order__wrap{padding-bottom:0}.track-order:has(.my-order) .my-order{padding-top:40px}.order-info{width:100%;padding-top:40px;padding-bottom:40px}.order-info__toggle{pointer-events:none}.order-info__toggle .icon-wrap{display:none}.order-info .collapse{display:flex;flex-direction:column}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wickes-css2",
-  "version": "2.98.0-develop.1",
+  "version": "2.98.0-develop.3",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {
@@ -108,15 +108,7 @@
     "branches": [
       "alt-master",
       {
-        "name": "develop",
-        "prerelease": true
-      },
-      {
-        "name": "preprod",
-        "prerelease": true
-      },
-      {
-        "name": "custom-tag/*",
+        "name": "custom-tag/0.3.0-legends",
         "prerelease": "${name.replace(/^custom-tag\\//g, '')}"
       }
     ],

package/src/components/track-my-order-info.hbs

@@ -1,9 +1,7 @@
 <div class="order-info">
   <h3 class="order-info__toggle" data-toggle="collapse" data-target="#collapseInfo" aria-expanded="false" aria-controls="collapseInfo">
     {{title}}
-    <span class="icon-wrap">
-      <i class="fas fa-plus icon"></i>
-    </span>
+    <span class="icon-wrap"></span>
   </h3>
 
   <div class="collapse" id="collapseInfo">

package/src/scss/pages/page_track-my-order.scss

@@ -103,6 +103,27 @@
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
+
+    .icon-wrap {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &:after {
+        content: '+';
+        color: $blue;
+        font-size: 1.575rem;
+      }
+    }
+
+    &[aria-expanded='true'] {
+      .icon-wrap {
+        &:after {
+          content: '-';
+          font-size: 2.95rem;
+        }
+      }
+    }
   }
 
   &__list {