@lancom/shared 0.0.454 → 0.0.456

package/assets/js/utils/breakpoints.js

@@ -3,7 +3,8 @@ import debounce from 'lodash.debounce';
 
 class Breakpoints {
   screens = {
-    mini: 448,
+    mini: 449,
+    xs: 450,
     sm: 768,
     md: 1024,
     lg: 1280,
@@ -48,7 +49,7 @@ class Breakpoints {
 
 
   isMini(val) {
-    return val < this.screens.mini;
+    return val <= this.screens.mini;
   }
 
   isXs(val) {

package/components/editor/editor_workspace/editor_workspace_side/editor-workspace-side.vue

@@ -451,7 +451,7 @@ export default {
       this.removeTemplateLayer(this.selectedLayer);
     },
     onOutsideClick() {
-      if (this.addedFromCanvas && this.selectedLayer?.type === 'text' &&  !this.selectedLayer.copy) {
+      if (this.addedFromCanvas && this.selectedLayer?.type === 'text' && !this.selectedLayer.copy) {
         this.removeTemplateLayer(this.selectedLayer);
       }
       this.addedFromCanvas = false;

package/components/editor/mobile_editor_product_details/mobile-editor-product-details.scss

@@ -8,6 +8,13 @@
     background: white;
     left: 0;
     right: 0;
+    // min-height: 64px;
+    box-shadow: none !important;
+    border-radius: 0;
+    border: none;
+    .EditorPricing__clearance-messages {
+      display: none;
+    }
   }
   &__menu {
     position: fixed;
@@ -117,4 +124,4 @@
     overflow-y: auto;
     overflow-x: hidden;
   }
-}
+}

package/components/editor/mobile_editor_product_details/mobile-editor-product-details.vue

@@ -79,7 +79,7 @@
             style="margin-top: 40px;" />
           <editor-layers
             v-show="currentTab === 'layers'"
-            :hasPricing="false" />
+            :has-pricing="false" />
         </div>
       </div>
     </div>
@@ -101,6 +101,12 @@ const { mapMutations, mapGetters } = createNamespacedHelpers('product');
 export default {
   name: 'MobileEditorProductDetails',
   mixins: [addToCartMixin],
+  props: {
+    isEditMode: {
+      type: Boolean,
+      default: true
+    }
+  },
   components: {
     EditorWorkspace,
     EditorLayers,
@@ -156,14 +162,14 @@ export default {
 
       const prevTab = this.currentTab;
 
-      if (this.isOpen) {
+      if (this.isOpen && this.isEditMode) {
         this.hide(true);
       }
 
       this.$nextTick(() => {
         this.isOpen = true;
 
-        if(tab === 'layers') {
+        if (!this.isEditMode && tab === 'layers') {
           this.setEditModeSelectedLayer(false);
         }
 

package/components/product/product_pricing_tiers/product-pricing-tiers.scss

@@ -1,3 +1,5 @@
+@import "@/assets/scss/variables";
+
 .ProductPricingTiers {
   &__title {
     color: #0A0A0A;
@@ -21,6 +23,9 @@
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
     cursor: pointer;
     transition: all 0.3s ease;
+    @media (max-width: $bp-extra-small-max) {
+      width: 132px;
+    }
     &:hover {
       transform: translateY(-3px);
       box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.30), 0 2px 4px -2px rgba(0, 0, 0, 0.30);
@@ -35,11 +40,20 @@
       font-weight: 600;
       line-height: 28px;
       text-align: center;
+      @media (max-width: $bp-extra-small-max) {
+        padding: 8px 0;
+        font-size: 12px;
+        line-height: 20px;
+      }
       span {
         color: #194BB3;
         font-size: 18px;
         font-weight: 700;
         line-height: 28px;
+        @media (max-width: $bp-extra-small-max) {
+          font-size: 14px;
+          line-height: 20px;
+        }
       }
     }
     &-price {
@@ -50,11 +64,21 @@
       margin-top: 6px;
       padding: 4px;
       text-align: center;
+      @media (max-width: $bp-extra-small-max) {
+        font-size: 10px;
+        line-height: 16px;
+        margin-top: 4px;
+        padding: 2px;
+      }
       span {
         color: #194BB3;
         font-size: 12px;
         font-weight: 700;
         line-height: 20px;
+        @media (max-width: $bp-extra-small-max) {
+          font-size: 10px;
+          line-height: 16px;
+        }
       }
     }
   }

package/components/the_aside/the-aside.scss

@@ -34,6 +34,13 @@
     z-index: 200;
     transition: opacity .16s cubic-bezier(0.23, 1, 0.32, 1);
   }
+  &__close {
+    position: absolute;
+    right: 10px;
+    top: 40px;
+    font-weight: bold;
+    font-size: 20px;
+  }
 }
 
 .TheAside__container,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lancom/shared",
-  "version": "0.0.454",
+  "version": "0.0.456",
   "description": "lancom common scripts",
   "author": "e.tokovenko <e.tokovenko@gmail.com>",
   "repository": {