@wizishop/angular-components 14.3.21 → 14.3.23

package/angular-components.scss

@@ -146,74 +146,6 @@ $wac-google-preview-description: #4D5156!default;
 .wac-table__head__cell--checkbox .wac-field-checkbox__row {
   transform: translateX(5px);
 }
-.wac-alert {
-  width: 100%;
-  background-color: transparentize($wac-link-color, 0.85);
-  color: $wac-link-color;
-  border-radius: 3px;
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  padding: 20px;
-  &.success {
-    background-color: transparentize($wac-green-color, 0.85);
-    p {
-      color: $wac-p-alert-color-success;
-      > * {
-        color: $wac-p-alert-color-success;
-      }
-    }
-    i {
-      color: $wac-green-color;
-    }
-  }
-  &.warning {
-    background-color: transparentize($wac-primary-button, 0.85);
-    p {
-      color: $wac-p-alert-color-warning;
-      > * {
-        color: $wac-p-alert-color-warning;
-      }
-    }
-    i {
-      color: $wac-primary-button;
-    }
-  }
-  &.alert {
-    background-color: transparentize($wac-orange-color, 0.85);
-    p {
-      color: $wac-p-alert-color-alert;
-      > * {
-        color: $wac-p-alert-color-alert;
-      }
-    }
-    i {
-      color: $wac-orange-color;
-    }
-  }
-  p {
-    width: 100%;
-    font-size: rem(14);
-    line-height: rem(25);
-    margin: 0;
-    padding: 0;
-    color: $wac-p-alert-color-default;
-    > * {
-      color: $wac-p-alert-color-default;
-    }
-  }
-  i {
-    width: auto;
-    margin: 0 10px 0 0;
-    color: inherit;
-    font-size: rem(14);
-    line-height: rem(25);
-  }
-
-  .wac-button i {
-    color: $wac-white;
-  }
-}
 .wac-alert-popup {
   .alert {
     z-index: 999999;
@@ -436,6 +368,74 @@ $wac-google-preview-description: #4D5156!default;
   }
 
 }
+.wac-alert {
+  width: 100%;
+  background-color: transparentize($wac-link-color, 0.85);
+  color: $wac-link-color;
+  border-radius: 3px;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  padding: 20px;
+  &.success {
+    background-color: transparentize($wac-green-color, 0.85);
+    p {
+      color: $wac-p-alert-color-success;
+      > * {
+        color: $wac-p-alert-color-success;
+      }
+    }
+    i {
+      color: $wac-green-color;
+    }
+  }
+  &.warning {
+    background-color: transparentize($wac-primary-button, 0.85);
+    p {
+      color: $wac-p-alert-color-warning;
+      > * {
+        color: $wac-p-alert-color-warning;
+      }
+    }
+    i {
+      color: $wac-primary-button;
+    }
+  }
+  &.alert {
+    background-color: transparentize($wac-orange-color, 0.85);
+    p {
+      color: $wac-p-alert-color-alert;
+      > * {
+        color: $wac-p-alert-color-alert;
+      }
+    }
+    i {
+      color: $wac-orange-color;
+    }
+  }
+  p {
+    width: 100%;
+    font-size: rem(14);
+    line-height: rem(25);
+    margin: 0;
+    padding: 0;
+    color: $wac-p-alert-color-default;
+    > * {
+      color: $wac-p-alert-color-default;
+    }
+  }
+  i {
+    width: auto;
+    margin: 0 10px 0 0;
+    color: inherit;
+    font-size: rem(14);
+    line-height: rem(25);
+  }
+
+  .wac-button i {
+    color: $wac-white;
+  }
+}
 .wac-back {
   width: 40px;
   height: 40px;
@@ -6381,13 +6381,6 @@ span.wac-tooltip {
     }
   }
 }
-.wac-wrapper {
-  width: 100%;
-  &.max-width {
-    max-width: 1080px;
-    margin: 0 auto;
-  }
-}
 .wac-wrapper-blocs {
   &.sidebar {
     width: calc(100% + 30px);
@@ -6409,6 +6402,13 @@ span.wac-tooltip {
     }
   }
 }
+.wac-wrapper {
+  width: 100%;
+  &.max-width {
+    max-width: 1080px;
+    margin: 0 auto;
+  }
+}
 .wac-wrapper-multiple-block {
   width: 100%;
   display: flex;
@@ -6527,8 +6527,10 @@ span.wac-tooltip {
     }
 
     &.sticky {
-      position: sticky;
-      top: 0;
+      @include media('>=desktop') {
+        position: sticky;
+        top: 0;
+      }
     }
   }
 }

package/package.json

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