@syncfusion/ej2-vue-inputs 19.2.55 → 19.3.44

package/styles/bootstrap4.css

@@ -4041,24 +4041,36 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 .e-input-group.e-success .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-success .e-input-group-icon {
+  color: #495057;
+}
+
 .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-success .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #495057;
+  color: #fff;
 }
 
 .e-input-group.e-warning .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
+  color: #495057;
+}
+
 .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #495057;
+  color: #fff;
 }
 
 .e-input-group.e-error .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-error .e-input-group-icon {
+  color: #495057;
+}
+
 .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-error .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #495057;
+  color: #fff;
 }
 
 .e-input-group input.e-input,
@@ -4735,11 +4747,8 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-first-button,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button {
-  margin-right: -9px;
-}
-
 .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-second-button,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button,
 .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-second-button {
   margin-right: -9px;
 }
@@ -4964,10 +4973,10 @@ textarea.e-input::-webkit-input-placeholder {
   left: 0;
   position: absolute;
   width: 100%;
+  top: calc(50% - 3px);
   background: #dee2e6;
   border-radius: 6px;
   overflow: hidden;
-  top: calc(50% - 3px);
 }
 
 .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
@@ -5010,10 +5019,10 @@ textarea.e-input::-webkit-input-placeholder {
   bottom: 0;
   height: 100%;
   position: absolute;
-  border-radius: 6px;
   left: calc(50% - 3px);
   overflow: hidden;
   width: 6px;
+  border-radius: 6px;
 }
 
 .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
@@ -5090,11 +5099,11 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
-  cursor: ew-resize;
+  cursor: pointer;
 }
 
 .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
-  cursor: ns-resize;
+  cursor: pointer;
 }
 
 .e-control-wrapper.e-slider-container .e-slider {
@@ -5193,6 +5202,8 @@ textarea.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large {
   left: 3px;
   width: calc(100% - 6px);
+  left: 1px;
+  width: 26px;
 }
 
 .e-control-wrapper.e-slider-container .e-scale {
@@ -5259,7 +5270,6 @@ textarea.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
   background-position-y: bottom;
   margin-top: 2px;
-  margin-top: 3px;
 }
 
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {