raise-common-lib-new 0.0.20 → 0.0.22

package/src/assets/style/reset/input.scss

@@ -3,14 +3,13 @@ textarea.e-input,
 .e-textbox.e-input {
   font-size: var(--rs-input-font-size) !important;
   color: var(--rs-input-color) !important;
-  box-shadow: none !important;
   border-radius: var(--rs-input-border-radius);
   border-color: var(--rs-input-border-color) !important;
   &:not(.error):not([disabled]):not([readonly]):hover {
-    box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4) !important;
+    box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4);
     border-color: var(--rs-input-hover-border-color) !important;
   }
-  &:not(.error):not([disabled]):not([readonly]):focus {
+  &:not([disabled]):not([readonly]):focus {
     border-color: var(--rs-input-focus-border-color) !important;
     box-shadow: none !important;
   }
@@ -18,39 +17,51 @@ textarea.e-input,
   &[readonly] {
     border-color: var(--rs-input-border-color) !important;
     font-size: var(--rs-input-font-size);
-    color: var(--rs-input-disabled-color) !important;
     background-color: var(--rs-input-disabled-bg) !important;
-    -webkit-text-fill-color: var(--rs-input-disabled-color) !important;
   }
-  &.error {
+  &.error:not(:focus) {
     border-color: var(--rs-input-error-border-color) !important;
   }
 }
 
+textarea.e-input:focus {
+  padding: 4px 8px;
+}
+
 input.e-input {
+  padding: 0 8px !important;
   height: var(--rs-input-line-height) !important;
-  line-height: calc(var(--rs-input-line-height) - 2px) !important;
 }
 .e-textbox {
   .e-input-group {
     box-shadow: none !important;
     border-color: var(--rs-input-border-color) !important;
     &.e-input-focus,
-    &:hover {
-      box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4) !important;
+    &:not(.e-disabled):hover {
+      box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4);
       border-color: var(--rs-input-hover-border-color) !important;
       input.e-input {
         box-shadow: none !important;
       }
     }
-    &.error {
-      border-color: var(--rs-input-error-border-color) !important;
-    }
     input.e-input {
       height: calc(var(--rs-input-line-height) - 2px) !important;
       line-height: calc(var(--rs-input-line-height) - 4px) !important;
     }
   }
+  &.error {
+    .e-input-group {
+      border-color: var(--rs-input-error-border-color) !important;
+      &:hover {
+        border-color: var(--rs-input-error-border-color) !important;
+        box-shadow: none !important;
+      }
+      &.e-input-focus {
+        border-color: var(--rs-input-focus-border-color) !important;
+        box-shadow: none !important;
+      }
+    }
+  }
 }
 .e-numeric.e-input-group {
   border: 0 !important;
@@ -62,3 +73,25 @@ input.e-input {
     display: none;
   }
 }
+.e-input-group {
+  input.e-input:hover {
+    box-shadow: none !important;
+  }
+}
+
+ejs-numerictextbox.e-lib.error {
+  .e-numeric.e-input-group {
+    input.e-input:not(:focus) {
+      border-color: var(--rs-input-error-border-color) !important;
+    }
+    input.e-input:hover {
+      box-shadow: none !important;
+    }
+  }
+}
+input::-webkit-input-placeholder {
+  color: var(--rs-input-disabled-color) !important;
+}
+textarea::-webkit-input-placeholder {
+  color: var(--rs-input-disabled-color) !important;
+}

package/src/assets/style/reset/mat-dialog.scss

@@ -1,3 +1,7 @@
-.mat-dialog-container{
-	padding: 0 !important;
+
+
+.rs-dialog-wrap{
+	.mat-dialog-container{
+		padding: 0 !important;
+	}
 }

package/src/assets/style/reset/radio.scss

@@ -0,0 +1,37 @@
+.e-radio-wrapper {
+    .e-radio:disabled + label {
+      &::before {
+        border-color: rgba(209, 209, 209, 0.5);
+        background-color: rgba(234, 237, 240, 0.35);
+      }
+    }
+    .e-radio:checked + label {
+      &::before {
+        background-color: var(--rs-active-color);
+        border-color: var(--rs-active-color);
+        box-shadow: none;
+      }
+      &::after {
+        content: "" !important;
+        display: block;
+        width: 11px;
+        height: 8px;
+        background-image: url("/assets/img/checked-vector.svg");
+        background-size: cover;
+        background-position: center;
+        background-color: transparent;
+        transform: scale(1);
+        left: 2px;
+        top: 3px;
+        border: 0;
+        border-radius: 0;
+      }
+    }
+    .e-label {
+      color: var(--rs-label-color);
+      font-family: var(--rs-font-family);
+      font-size: var(--rs-font-size);
+      font-weight: 400;
+      line-height: 14px;
+    }
+  }

package/src/assets/style/reset/switch.scss

@@ -0,0 +1,32 @@
+.e-switch-wrapper {
+  width: 28px;
+  .e-switch-inner {
+    border: 1px solid rgba(173, 181, 189, 1);
+    &.e-switch-active {
+      background-color: var(--rs-active-color) !important;
+      border-color: var(--rs-active-color) !important;
+    }
+    .e-switch-on {
+      background-color: var(--rs-active-color) !important;
+    }
+  }
+  .e-switch-handle {
+    background-color: #fff !important;
+    border: 1px solid rgba(173, 181, 189, 1);
+    left: 2px;
+    &.e-switch-active {
+      background-color: #fff;
+      border-color: var(--rs-active-color);
+      left: 100%;
+    }
+  }
+  &.e-switch-disabled {
+    .e-switch-handle {
+      background-color: #e9ecef !important;
+      opacity: 0.5;
+      &.e-switch-active {
+        border-color: rgba(0, 129, 255, 0.5);
+      }
+    }
+  }
+}

package/src/assets/style/style.scss

@@ -5,13 +5,19 @@
 @import "./reset/dropdown.scss";
 @import "./reset/mat-dialog.scss";
 @import "./reset/grid.scss";
+@import "./reset/switch.scss";
+@import "./reset/radio.scss";
+@import "./reset/checkbox.scss";
+
 
 html{
   overflow: hidden;
+  overflow-x: auto;
 }
 body{
   margin: 0;
   padding: 0;
+  min-width: 576px;
 }
 
 * {