Replace modal close icon with a simple button, make it nicer

[MAILPOET-2804]
2020-03-31 13:09:18 +02:00
parent 322103e865
commit bd83fec5bc
4 changed files with 22 additions and 14 deletions
--- a/assets/css/src/components-plugin/_modal.scss
+++ b/assets/css/src/components-plugin/_modal.scss
@@ -93,14 +93,24 @@
    margin: 0;
  }

-  .components-button {
-    left: $modal-grid-size;
+  .mailpoet-modal-close {
+    border: 0;
+    cursor: pointer;
+    height: $modal-close-button-size;
+    padding: $modal-close-button-padding;
    position: relative;
-  }
+    right: -$modal-close-button-padding;
+    top: -$modal-close-button-padding;
+    width: $modal-close-button-size;

-  .mailpoet-modal-close svg {
-    opacity: .5;
-    stroke: $modal-dark-gray-900;
+    svg {
+      opacity: .5;
+      stroke: #979797;
+
+      &:hover {
+        stroke: #636363;
+      }
+    }
  }
 }