raise-common-lib 0.0.75 → 0.0.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "raise-common-lib",
-  "version": "0.0.75",
+  "version": "0.0.77",
   "peerDependencies": {
     "@angular/common": "^8.2.3 || ^9.0.0",
     "@angular/core": "^8.2.3 || ^9.0.0"

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

@@ -136,12 +136,19 @@
 }
 
 .e-split-btn-wrapper {
+  &.e-splitbtn-disabled{
+    opacity: 0.4;
+    color: var(--rs-cancel-btn-color) !important;
+    border:0 !important;
+    background-color: #fff !important;
+  }
   .e-btn {
     color: #fff !important;
     border-color: var(--rs-primary-btn-bg) !important;
     background: var(--rs-primary-btn-bg) !important;
     font-weight: 400;
     font-size: 12px;
+    min-width: 60px;
     &:not([disabled]):hover,
     &:not([disabled]):active,
     &:not([disabled]):focus {
@@ -159,10 +166,17 @@
     &.e-icon-btn {
       min-width: auto;
       padding: 4px 6px !important;
+      box-shadow: none;
       .e-btn-icon {
         font-size: 16px;
         &::before {
           background-image: url("/assets/img/split-button-arrow.svg");
+          content: "" !important;
+          display: block;
+          width: 16px;
+          height: 16px;
+          background-size: cover;
+          background-position: center;
         }
       }
     }

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

@@ -20,7 +20,6 @@
         height: var(--rs-input-line-height) !important;
       }
     }
-
     .e-input,
     .e-dropdownbase {
       font-size: var(--rs-input-font-size) !important;
@@ -171,6 +170,9 @@
         padding: 0 0 0 12px !important;
         font-size: var(--rs-input-font-size);
         color: var(--rs-input-color);
+        &:hover {
+          box-shadow: none !important;
+        }
       }
       .e-clear-icon {
         padding: 0 !important;
@@ -201,7 +203,8 @@
       line-height: 14px; /* 127.273% */
     }
 
-    .e-list-group-item,.e-list-item {
+    .e-list-group-item,
+    .e-list-item {
       font-family: Arial;
       font-size: var(--rs-input-font-size);
       min-height: var(--rs-input-line-height);
@@ -228,7 +231,8 @@
           &:hover {
             background-color: transparent !important;
           }
-          .e-check,.e-stop {
+          .e-check,
+          .e-stop {
             background-color: #007bff !important;
             border-color: #007bff !important;
             color: #fff !important;
@@ -286,6 +290,15 @@
       background-color: #fff !important;
       border-radius: 16px;
       margin: 4px 0 0;
+      .e-input {
+        height: 100%;
+        padding: 0 0 0 12px !important;
+        font-size: var(--rs-input-font-size);
+        color: var(--rs-input-color);
+        &:hover {
+          box-shadow: none !important;
+        }
+      }
     }
   }
   .e-popup-content {

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

@@ -42,6 +42,16 @@
         margin: 0;
         float: unset;
       }
+      .e-icons.e-filtermenudiv {
+        position: absolute;
+        top: 50%;
+        right: 8px;
+        transform: translateY(-50%);
+        padding: 4px;
+        border-radius: 4px;
+        margin: 0;
+        float: unset;
+      }
       .e-checkbox-wrapper {
         .e-icons {
           margin: 0;
@@ -86,7 +96,7 @@
         }
 
         &.e-headerchkcelldiv {
-          padding: 0;
+          padding: 0 !important;
 
           .e-checkbox-wrapper {
             width: 100%;
@@ -192,6 +202,7 @@
         }
       }
 
+
       &:not(.e-rcursor):hover .e-rhandler {
         width: 8px;
         border-right: 1px solid #dbe1e7;
@@ -329,7 +340,7 @@
   }
 
   .first-action-column {
-    display: inline-flex;
+    display: flex;
     flex-flow: row nowrap;
     align-items: center;