@wizishop/img-manager 0.2.101 → 0.2.104

package/wz-img-manager.scss

@@ -840,6 +840,7 @@ $base-font: 'Work Sans', helvetica !default;@mixin simple_transition($type: null
 }
 
 .wz-img-manager__module__content.wz-block:not(.wz-block--window) {
+  max-height: 100%;
   .images-view__container__buttonBox {
     transform: translateY(-2px) translateX(-60px);
   }
@@ -1293,66 +1294,12 @@ $button-focus-border-color: $primary-button-hover !default;
 $button-disabled-border-color: $primary-button-hover !default;
 
 $tag-radius: rem(20px)!default;
-$default-color-p-alert: #1e5568;
-$success-color-p-alert: #11552e;
-$warning-color-p-alert: #3a0505;
-$primary-button: #e95656;
-$link-color: #52aecd;
-$green-color: #2ecc71;
-
-.wz-alert {
-  width: 100%;
-  background-color: transparentize($link-color, 0.85);
-  color: $link-color;
-  border-radius: 3px;
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  padding: 20px;
-  &.success {
-    background-color: transparentize($green-color, 0.85);
-    p {
-      color: $success-color-p-alert;
-      > * {
-        color: $success-color-p-alert;
-      }
-    }
-    i {
-      color: $green-color;
-    }
-  }
-  &.warning {
-    background-color: transparentize($primary-button, 0.85);
-    p {
-      color: $warning-color-p-alert;
-      > * {
-        color: $warning-color-p-alert;
-      }
-    }
-    i {
-      color: $primary-button;
-    }
-  }
-  p {
-    width: 100%;
-    font-size: rem(14);
-    line-height: rem(25);
-    margin: 0;
-    padding: 0;
-    color: $default-color-p-alert;
-    > * {
-      color: $default-color-p-alert;
-    }
-  }
+.img-editor__infoSection__propertySEO__tooltips {
   i {
-    width: auto;
-    margin: 0 10px 0 0;
-    color: inherit;
-    font-size: rem(14);
-    line-height: rem(25);
+    font-size: rem(16);
+    color: $main-text;
   }
-}
-.wz-img-manager .images-view {
+}.wz-img-manager .images-view {
     text-align: left;
 
     &.fullSize {
@@ -1568,12 +1515,66 @@ $green-color: #2ecc71;
         }
     }
 }
-.img-editor__infoSection__propertySEO__tooltips {
+$default-color-p-alert: #1e5568;
+$success-color-p-alert: #11552e;
+$warning-color-p-alert: #3a0505;
+$primary-button: #e95656;
+$link-color: #52aecd;
+$green-color: #2ecc71;
+
+.wz-alert {
+  width: 100%;
+  background-color: transparentize($link-color, 0.85);
+  color: $link-color;
+  border-radius: 3px;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  padding: 20px;
+  &.success {
+    background-color: transparentize($green-color, 0.85);
+    p {
+      color: $success-color-p-alert;
+      > * {
+        color: $success-color-p-alert;
+      }
+    }
+    i {
+      color: $green-color;
+    }
+  }
+  &.warning {
+    background-color: transparentize($primary-button, 0.85);
+    p {
+      color: $warning-color-p-alert;
+      > * {
+        color: $warning-color-p-alert;
+      }
+    }
+    i {
+      color: $primary-button;
+    }
+  }
+  p {
+    width: 100%;
+    font-size: rem(14);
+    line-height: rem(25);
+    margin: 0;
+    padding: 0;
+    color: $default-color-p-alert;
+    > * {
+      color: $default-color-p-alert;
+    }
+  }
   i {
-    font-size: rem(16);
-    color: $main-text;
+    width: auto;
+    margin: 0 10px 0 0;
+    color: inherit;
+    font-size: rem(14);
+    line-height: rem(25);
   }
-}// Warning: in webcomponent (for wizishop-com project) the following style are added by styles-handler.js script (hard-coded)
+}
+// Warning: in webcomponent (for wizishop-com project) the following style are added by styles-handler.js script (hard-coded)
 .wz-img-manager .img-selection {
     background-color: white;
     margin-left: 1.875rem;
@@ -2068,6 +2069,9 @@ $green-color: #2ecc71;
 //.wz-img-manager useful to keep the css priority
 .wz-img-manager .pexels-lib {
   width: 100%;
+  height: 100%;
+  max-height: 100%;
+  position: relative;
 
   &__scroll {
     position: relative;
@@ -2601,7 +2605,7 @@ $green-color: #2ecc71;
         padding: 0.75rem!important;
         display:flex;
         justify-content: center;
-        align-items: center;
+        align-items: stretch;
         background-color: $img-gray-background;
         margin: 0;
         transform: translateY(-16px);
@@ -3880,6 +3884,7 @@ $card-img-size-small: 140px;
   }
 
   &__tabsEdit {
+    margin-top: 30px!important;
     > .column {
       padding: 0!important;
     }
@@ -3976,7 +3981,8 @@ $card-img-size-small: 140px;
     }
     padding: 20px 0;
   }
-}//.wz-img-manager useful to keep the css priority
+}
+//.wz-img-manager useful to keep the css priority
 .wz-img-manager .canva-btn {
     background-color: $img-main-color;
     border: 2px solid $img-main-color;