raise-common-lib-new 0.0.27 → 0.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "raise-common-lib-new",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "peerDependencies": {
     "@angular/common": "^16.0.0",
     "@angular/core": "^16.0.0"

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

@@ -440,6 +440,7 @@
 
 .e-pager {
   padding: 12px 0 0 !important;
+  border: 0;
   div {
     vertical-align: middle;
   }
@@ -643,213 +644,6 @@
     }
   }
 }
-// .e-pager {
-//   position: relative;
-
-//   display: flex;
-//   flex-flow: row nowrap;
-//   align-items: center;
-//   gap: 16px;
-//   border: 0;
-
-//   .e-pagercontainer {
-//     margin: 0;
-//     border: 0;
-
-//     display: flex;
-//     flex-flow: row nowrap;
-//     align-items: center;
-//     @media ((max-width: 769px)) {
-//       display: none;
-//     }
-//     .e-icons,
-//     .e-spacing {
-//       min-width: 24px;
-//       height: 24px;
-
-//       border: none;
-//       border-radius: 6px;
-
-//       display: flex;
-//       flex-flow: row nowrap;
-//       justify-content: center;
-//       align-items: center;
-
-//       color: #6c7c90;
-//       font-family: Arial;
-//       font-size: 11px;
-//       font-style: normal;
-//       font-weight: 400;
-//       line-height: 14px;
-
-//       &:hover,
-//       &.e-focused {
-//         background-color: #1f7bff0a;
-//       }
-
-//       &.e-disable {
-//         opacity: 0.3;
-//         cursor: not-allowed;
-//       }
-//     }
-
-//     .e-icons {
-//       &::before {
-//         display: block;
-//         width: 16px;
-//         height: 16px;
-//       }
-
-//       &.e-first::before {
-//         content: url("/assets/img/grid-pager-arrows-left.svg");
-//       }
-
-//       &.e-prev {
-//         margin: 0 16px 0 12px;
-
-//         &::before {
-//           content: url("/assets/img/grid-pager-arrow-left.svg");
-//         }
-//       }
-
-//       &.e-next {
-//         margin: 0 12px 0 16px;
-
-//         &::before {
-//           content: url("/assets/img/grid-pager-arrow-left.svg");
-//           transform: rotate(180deg);
-//         }
-//       }
-
-//       &.e-last::before {
-//         content: url("/assets/img/grid-pager-arrows-left.svg");
-//         transform: rotate(180deg);
-//       }
-//     }
-
-//     .e-spacing {
-//       &.e-pp {
-//         margin-right: 12px;
-//       }
-
-//       &.e-np {
-//         margin-left: 12px;
-//       }
-
-//       &.e-pp.e-disable,
-//       &.e-np.e-disable {
-//         display: none;
-//       }
-//     }
-
-//     .e-numericcontainer {
-//       display: flex;
-//       flex-flow: row nowrap;
-//       justify-content: center;
-//       align-items: center;
-
-//       .e-numericitem {
-//         border: 1px solid transparent;
-
-//         &.e-currentitem {
-//           border-color: #1f7bff66;
-//           background-color: #fff;
-//         }
-//       }
-
-//       div:not(:first-child) > .e-numericitem {
-//         margin-left: 12px;
-//       }
-//     }
-//   }
-
-//   .e-parentmsgbar {
-//     float: none;
-//     clear: both;
-
-//     height: auto;
-//     padding: 0;
-
-//     position: absolute;
-//     top: 50%;
-//     right: 0;
-//     transform: translateY(-50%);
-
-//     color: #929dab;
-//     font-family: Arial;
-//     font-size: 11px;
-//     font-style: normal;
-//     font-weight: 400;
-//     line-height: 14px;
-//   }
-
-//   .e-pagesizes {
-//     height: 24px;
-
-//     display: flex;
-//     flex-flow: row nowrap;
-//     align-items: center;
-//     gap: 8px;
-
-//     .e-pagerdropdown {
-//       margin: 0;
-//       width: 60px;
-//       height: 24px;
-
-//       .e-input-group {
-//         height: 24px;
-//         padding: 0 0 0 8px;
-
-//         border-radius: 4px;
-//         border: 1px solid #eaedf0;
-//         background-color: #fff;
-
-//         display: flex;
-//         flex-flow: row nowrap;
-//         align-items: center;
-
-//         &.e-icon-anim,
-//         &:focus-within {
-//           border-color: #1f7bffb8;
-//           box-shadow: none;
-//         }
-
-//         &:hover {
-//           border-color: #1f7bff80;
-//           box-shadow: 0px 0px 3px 0px #1f7bff66;
-//         }
-
-//         &.e-icon-anim:hover,
-//         &:not(.e-disabled):focus-within:hover {
-//           border-color: #1f7bffb8;
-//         }
-
-//         .e-input {
-//           height: 100%;
-//           padding: 0 !important;
-
-//           color: #062c4f !important;
-//           font-family: Arial;
-//           font-size: 11px !important;
-//           font-style: normal;
-//           font-weight: 400;
-//           line-height: 12px;
-//         }
-//       }
-//     }
-
-//     .e-pagerconstant {
-//       margin: 0;
-
-//       color: #929dab;
-//       font-family: Arial;
-//       font-size: 11px;
-//       font-style: normal;
-//       font-weight: 400;
-//       line-height: 12px;
-//     }
-//   }
-// }
 .e-grid-menu {
   .e-menu-parent {
     .e-menu-item {