@wizishop/angular-components 14.3.13 → 14.3.14

package/angular-components.scss

@@ -2515,6 +2515,116 @@ wac-block {
 .datetimepicker .datetimepicker-footer {
   display: none;
 }
+.wac-card-price {
+  width: 100%;
+  padding: 30px;
+  border-radius: 3px;
+  background-color: $wac-white;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid $wac-white;
+
+  box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
+
+  &.selected {
+    border: 1px solid $wac-tag-success;
+  }
+
+  &:hover {
+    box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
+  }
+
+  @include media('<desktop') {
+    padding: 30px;
+  }
+
+  @include media('<tablet') {
+    padding: 20px;
+  }
+
+  .cta {
+    min-height: 40px;
+  }
+
+  > strong {
+    font-size: rem(40);
+    line-height: rem(47);
+    text-align: center;
+    display: block;
+    width: 100%;
+    font-weight: 600;
+    margin: 0 0 -5px;
+  }
+
+  > p {
+    font-size: rem(20);
+    text-transform: uppercase;
+    margin: 0 0 20px;
+    text-align: center;
+    display: block;
+    width: 100%;
+    font-weight: 600;
+  }
+
+  .price {
+    display: flex;
+    align-items: flex-end;
+    width: 100%;
+    justify-content: center;
+    position: relative;
+    color: $wac-tag-success;
+    margin: 0 0 5px;
+
+    .amount {
+      font-size: rem(50);
+      font-weight: 600;
+      margin: 0 5px 0 0;
+      position: relative;
+      line-height: 1;
+      span {
+        position: absolute;
+        top: 5px;
+        left: 100%;
+        margin: 0 0 0 3px;
+        display: block;
+        font-size: rem(20);
+      }
+    }
+
+    .month {
+      font-size: rem(20);
+      margin: 0;
+      font-weight: 500;
+      line-height: 1;
+      transform: translateY(-5px);
+    }
+  }
+
+  .subtitle, .package-subtitle {
+    font-size: rem(12);
+    color: $wac-subtitle-color;
+    margin: 0 0 30px;
+    text-align: center;
+    font-style: italic;
+  }
+
+  .subtitle {
+    &:last-child {
+      margin: 0;
+    }
+  }
+
+  .package-subtitle {
+   margin: 10px 0 30px;
+  }
+
+  .link-bottom {
+    margin: 0;
+    display: flex;
+    justify-content: center;
+    width: 100%;
+  }
+}
 .wac-field-checkbox {
   &.disable-wt {
     .wac-field-checkbox__row {
@@ -2684,116 +2794,6 @@ wac-block {
   }
 
 }
-.wac-card-price {
-  width: 100%;
-  padding: 30px;
-  border-radius: 3px;
-  background-color: $wac-white;
-  display: flex;
-  flex-direction: column;
-  border: 1px solid $wac-white;
-
-  box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.05);
-
-  &.selected {
-    border: 1px solid $wac-tag-success;
-  }
-
-  &:hover {
-    box-shadow: 0 rem(2) rem(5) rgba(45, 62, 85, 0.2);
-  }
-
-  @include media('<desktop') {
-    padding: 30px;
-  }
-
-  @include media('<tablet') {
-    padding: 20px;
-  }
-
-  .cta {
-    min-height: 40px;
-  }
-
-  > strong {
-    font-size: rem(40);
-    line-height: rem(47);
-    text-align: center;
-    display: block;
-    width: 100%;
-    font-weight: 600;
-    margin: 0 0 -5px;
-  }
-
-  > p {
-    font-size: rem(20);
-    text-transform: uppercase;
-    margin: 0 0 20px;
-    text-align: center;
-    display: block;
-    width: 100%;
-    font-weight: 600;
-  }
-
-  .price {
-    display: flex;
-    align-items: flex-end;
-    width: 100%;
-    justify-content: center;
-    position: relative;
-    color: $wac-tag-success;
-    margin: 0 0 5px;
-
-    .amount {
-      font-size: rem(50);
-      font-weight: 600;
-      margin: 0 5px 0 0;
-      position: relative;
-      line-height: 1;
-      span {
-        position: absolute;
-        top: 5px;
-        left: 100%;
-        margin: 0 0 0 3px;
-        display: block;
-        font-size: rem(20);
-      }
-    }
-
-    .month {
-      font-size: rem(20);
-      margin: 0;
-      font-weight: 500;
-      line-height: 1;
-      transform: translateY(-5px);
-    }
-  }
-
-  .subtitle, .package-subtitle {
-    font-size: rem(12);
-    color: $wac-subtitle-color;
-    margin: 0 0 30px;
-    text-align: center;
-    font-style: italic;
-  }
-
-  .subtitle {
-    &:last-child {
-      margin: 0;
-    }
-  }
-
-  .package-subtitle {
-   margin: 10px 0 30px;
-  }
-
-  .link-bottom {
-    margin: 0;
-    display: flex;
-    justify-content: center;
-    width: 100%;
-  }
-}
 .wac-confirm-delete {
   position: absolute;
   right: 0;
@@ -3555,26 +3555,32 @@ wac-block {
   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;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/angular-components",
-  "version": "14.3.13",
+  "version": "14.3.14",
   "peerDependencies": {
     "@angular/animations": "~14.0.6",
     "@angular/cdk": "^14.0.5",