@wizishop/angular-components 15.1.92 → 15.1.94

package/angular-components.scss

@@ -234,6 +234,11 @@ $wac-token-disabled-dark: #8A98B2!default;
     border: 1px solid $wac-background-indication;
     background-color: $wac-white;
     padding: 20px;
+    @include media('<tablet') {
+      left: auto;
+      right: 0;
+      top: 100%;
+    }
     &:hover, &:focus {
       display: flex;
     }
@@ -284,6 +289,11 @@ $wac-token-disabled-dark: #8A98B2!default;
     top: 28px;
     box-shadow: 0px 3px 6px #00000014;
     border: 1px solid $wac-background-indication;
+    @include media('<tablet') {
+      left: auto;
+      right: 0;
+      top: 100%;
+    }
     &.height-auto {
       height: auto;
     }
@@ -620,6 +630,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;
 
@@ -7921,6 +7944,13 @@ span.wac-tooltip {
     }
   }
 }
+.wac-wrapper {
+  width: 100%;
+  &.max-width {
+    max-width: 1080px;
+    margin: 0 auto;
+  }
+}
 .wac-upload {
   width: auto;
   &__wrapper {
@@ -8017,13 +8047,6 @@ span.wac-tooltip {
     }
   }
 }
-.wac-wrapper {
-  width: 100%;
-  &.max-width {
-    max-width: 1080px;
-    margin: 0 auto;
-  }
-}
 .wac-wrapper-blocs {
   &.sidebar {
     width: calc(100% + 30px);

package/package.json

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