@wizishop/angular-components 15.1.56 → 15.1.58

package/angular-components.scss

@@ -3995,45 +3995,6 @@ wac-calendar {
     }
   }
 }
-.wac-google-preview {
-  padding: 30px;
-  border: 1px solid $wac-google-preview-border;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: flex-start;
-  font-family: 'Arial', sans-serif;
-  overflow: hidden;
-  &__url {
-    width: 100%;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    color: $wac-google-preview-url;
-    font-size: rem(14);
-    margin: 0 0 10px;
-    line-height: rem(16);
-  }
-  &__title {
-    width: 100%;
-    color: $wac-google-preview-title;
-    font-size: rem(20);
-    line-height: rem(22);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    margin: 0 0 rem(12);
-  }
-  &__description {
-    width: 100%;
-    font-size: rem(14);
-    line-height: rem(24);
-    overflow: hidden;
-    color: $wac-google-preview-description;
-    margin: 0;
-  }
-}
 .wac-free-popin {
   height: 100%;
   width: 100%;
@@ -4173,6 +4134,45 @@ wac-calendar {
 .wac-free-popin  .ps-content > * {
   padding-right: 15px;
 }
+.wac-google-preview {
+  padding: 30px;
+  border: 1px solid $wac-google-preview-border;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: flex-start;
+  font-family: 'Arial', sans-serif;
+  overflow: hidden;
+  &__url {
+    width: 100%;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    color: $wac-google-preview-url;
+    font-size: rem(14);
+    margin: 0 0 10px;
+    line-height: rem(16);
+  }
+  &__title {
+    width: 100%;
+    color: $wac-google-preview-title;
+    font-size: rem(20);
+    line-height: rem(22);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    margin: 0 0 rem(12);
+  }
+  &__description {
+    width: 100%;
+    font-size: rem(14);
+    line-height: rem(24);
+    overflow: hidden;
+    color: $wac-google-preview-description;
+    margin: 0;
+  }
+}
 .wac-header-page {
   width: 100%;
   background-color: transparent;
@@ -7040,6 +7040,7 @@ wac-optional-disable-container {
     padding-bottom: 7px;
     color: $wac-main-text;
     font-weight: 500;
+    margin-bottom: 30px;
 
     &:after {
       position: absolute;
@@ -7061,7 +7062,7 @@ wac-optional-disable-container {
 
       & + .wac-tabs__wrapper {
         position: absolute;
-        top: 100%;
+        top: calc(100% - 30px);
         left: 0;
         background-color: white;
         flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/angular-components",
-  "version": "15.1.56",
+  "version": "15.1.58",
   "peerDependencies": {
     "@angular/animations": "~15.0.2",
     "@angular/cdk": "^15.0.1",