prepare for release

Author: orifn

ng-croppie.css

@@ -22,7 +22,8 @@
     height: 100%;
 }
 
-.croppie-container .cr-viewport {
+.croppie-container .cr-viewport,
+.croppie-container .cr-resizer {
     position: absolute;
     border: 2px solid #fff;
     margin: auto;
@@ -34,6 +35,54 @@
     z-index: 0;
 }
 
+.croppie-container .cr-resizer {
+  z-index: 2;
+  box-shadow: none;
+  pointer-events: none;
+}
+
+.croppie-container .cr-resizer-vertical,
+.croppie-container .cr-resizer-horisontal {
+  position: absolute;
+  pointer-events: all;
+}
+
+.croppie-container .cr-resizer-vertical::after,
+.croppie-container .cr-resizer-horisontal::after {
+    display: block;
+    position: absolute;
+    box-sizing: border-box;
+    border: 1px solid black;
+    background: #fff;
+    width: 10px;
+    height: 10px;
+    content: '';
+}
+
+.croppie-container .cr-resizer-vertical {
+  bottom: -5px;
+  cursor: row-resize;
+  width: 100%;
+  height: 10px;
+}
+
+.croppie-container .cr-resizer-vertical::after {
+    left: 50%;
+    margin-left: -5px;
+}
+
+.croppie-container .cr-resizer-horisontal {
+  right: -5px;
+  cursor: col-resize;
+  width: 10px;
+  height: 100%;
+}
+
+.croppie-container .cr-resizer-horisontal::after {
+    top: 50%;
+    margin-top: -5px;
+}
+
 .croppie-container .cr-original-image {
     display: none;
 }
@@ -46,6 +95,7 @@
     z-index: 1;
     position: absolute;
     cursor: move;
+    touch-action: none;
 }
 
 .croppie-container .cr-slider-wrap {
@@ -85,6 +135,9 @@
     width: 300px;
 /*required for proper track sizing in FF*/
     max-width: 100%;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    background-color: transparent;
 }
 
 .cr-slider::-webkit-slider-runnable-track {