@wizishop/angular-components 15.1.91 → 15.1.93

package/angular-components.scss

@@ -620,6 +620,19 @@ $wac-token-disabled-dark: #8A98B2!default;
       background-color: $wac-tag-success;
       font-size: rem(14);
       overflow: hidden;
+      @include media('<tablet') {
+        right: 0;
+        max-width: 100%;
+        margin: 0;
+        transform: none;
+        bottom: 0;
+        .icon {
+          display: none;
+        }
+        .wac-alert-popup__text {
+          white-space: normal;
+        }
+      }
       &.has-close {
         padding-right: 65px;
 
@@ -8017,6 +8030,13 @@ span.wac-tooltip {
     }
   }
 }
+.wac-wrapper {
+  width: 100%;
+  &.max-width {
+    max-width: 1080px;
+    margin: 0 auto;
+  }
+}
 .wac-wrapper-blocs {
   &.sidebar {
     width: calc(100% + 30px);
@@ -8038,13 +8058,6 @@ span.wac-tooltip {
     }
   }
 }
-.wac-wrapper {
-  width: 100%;
-  &.max-width {
-    max-width: 1080px;
-    margin: 0 auto;
-  }
-}
 .wac-wrapper-multiple-block {
   width: 100%;
   display: flex;
@@ -8412,6 +8425,13 @@ h4.wac-h4 {
     &.is-danger:not(.is-empty) {
       border-color: $wac-primary-button !important;
     }
+    &.is-danger {
+      & + .indication ~ span {
+        .has-text-danger {
+          transform: translateX(-75px);
+        }
+      }
+    }
   }
 
   .control {

package/package.json

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