halleyx-ui-framework 4.2.5 → 4.2.7

package/dist/src/assets/styles/inputitems.scss

@@ -131,7 +131,6 @@ label.check-container:hover {
   display: flex;
   position: relative;
   padding-left: 30px;
-  cursor: pointer;
   font-size: 14px;
   height: 30px;
   -webkit-user-select: none;
@@ -139,7 +138,15 @@ label.check-container:hover {
   -ms-user-select: none;
   user-select: none;
 }
-
+.radio-container:hover{
+  cursor: pointer;
+}
+.radio-container.isDisabled:hover {
+  cursor: default;
+  input {
+    cursor: default;
+  }
+}
 label.radio-container:hover {
   .radio-checkmark {
     border: 1px solid var(--hlx-color-primary);
@@ -147,6 +154,12 @@ label.radio-container:hover {
   .radio-checkmark.bellTheme {
     border: 1px solid var(--hlx-color-primary);
   }
+  .radio-checkmark.disabled {
+    border: 1px solid var(--hlx-border-color);
+  }
+  .radio-checkmark.bellTheme.disabled {
+    border: 1px solid var(--hlx-border-color);
+  }
 }
 /* Hide the browser's default radio button */
 .radio-container input {

package/dist/src/assets/styles/modalwindow.scss

@@ -1,4 +1,4 @@
-.modal-backdrop {
+.modal-backdrop,.modal-backdrop1 {
   width: 100%;
   height: 100%;
   position: fixed;

package/dist/src/assets/styles/pagination.scss

@@ -192,20 +192,20 @@
     }
   }
 }
-@media screen and (max-width: 800px) {
+// @media screen and (max-width: 800px)  {
+//   [id^='hlx-pagination-container-hlx-'] {
+//     &.rows-per-page:not(.go-to) {
+//       grid-template-columns: 70px;
+//       grid-template-rows: 1fr 1fr;
+//       gap: 14px;
+//     }
+//   }
+// }
+@media screen and (max-width: 740px) {
   [id^='hlx-pagination-container-hlx-'] {
     &.rows-per-page:not(.go-to) {
-      grid-template-columns: 70px;
-      grid-template-rows: 1fr 1fr;
-      gap: 14px;
-    }
-  }
-}
-@media screen and (max-width: 900px) {
-  [id^='hlx-pagination-container-hlx-'] {
-    &.rows-per-page:not(.go-to) {
-      grid-template-columns: 70px;
-      grid-template-rows: 1fr 1fr;
+      grid-template-columns: auto;
+      grid-template-rows: auto;
       gap: 14px;
     }
     &.rows-per-page.go-to {

package/dist/src/assets/styles/select.scss

@@ -814,13 +814,15 @@ button {
     width: 34px;
     display: flex;
     align-items: center;
-    background: bisque;
+    background: var(--hlx-color-primary);
     border-radius: 32px;
     height: 32px;
+    margin-left: 2px;
+    color: var(--hlx-color-white);
     justify-content: center;
-    position: absolute;
+    // position: absolute;
   }
-  input {
+  .custom-multi-select-input {
     width: 97%;
     height: 100%;
     border: none;
@@ -833,12 +835,15 @@ button {
   .icon-angle-down-regular,
   .icon-angle-up-regular {
     position: absolute;
-    right: 15px;
+    right: 0px;
     font-size: 14px;
-    // width:30px;
+    width:30px;
     height: 34px;
     display: flex;
     align-items: center;
+    border-bottom-right-radius: 2px;
+    border-top-right-radius: 2px;
+    background-color: white;
   }
   .custom-multi-select-option-container {
     position: absolute;
@@ -846,16 +851,47 @@ button {
     width: 100%;
     border: 1px solid var(--hlx-border-color);
     background-color: white;
-    overflow: scroll;
+    // overflow: scroll;
     border-radius: 5px;
-    padding-left: 8px;
-    padding-top: 8px;
     padding-bottom: 8px;
     top: 39px;
     left: 0px;
     overflow-y: none;
     z-index: 10000000000000000;
+    display: flex;
+    flex-direction: column;
+    // flex-wrap: wrap;
+     height: auto;
+     max-height: 250px;
+    .input-container232{
+      padding-top: 8px;
+      padding-left: 8px;
+      overflow-y: scroll;
+      overflow-x: none !important;
+      // height:100%;
+      // height:180px;
+    }
+     .custom-multi-select-footer{
+      display: flex;
+      overflow: none;
+      justify-content: flex-end;
+      padding-top: 8px;
+      border-top: 1px solid var(--hlx-border-color);
+      .primary{
+        margin-right: 10px;
+        margin-left: 10px;
+        height: 30px;
+      }
+      .secondary-success {
+        height: 30px;
+
+      }
+     }
   }
+  .custom-multi-select-option-container .input-container232{
+    overflow-x: none !important;
+  }
+
   .cutom-multi-select-title {
     position: absolute;
     top: -16px;
@@ -867,3 +903,12 @@ button {
     color: #a6a6a6;
   }
 }
+
+
+.not-all-tag{
+  // width:95%;
+  display: flex;
+}
+.all-option{
+  width:100%;
+}

package/dist/src/assets/styles/switch.scss

@@ -305,7 +305,6 @@
     //   border-color: #8c8c8c;
     // }
   }
-
   .hlx-switch-btn:active {
     background-image: none;
     outline: 0;
@@ -324,6 +323,50 @@
       // border-bottom-color: var(--hlx-color-primary);
     }
   }
+  .hlx-switch-btn-read-only {
+    color: var(--hlx-text-color-primary);
+    // background-color: #fff;
+    border-color: var(--hlx-color-primary);
+    border-width: thin;
+    &.--border-bottom,
+    &.--border-top {
+      border: 2px solid;
+      border-color: transparent;
+      &:active{
+        color:inherit !important;
+      }
+    }
+
+    &:hover,
+    &:focus {
+      cursor: default;
+      color: var(--hlx-text-color-primary);
+      background-color: va(--hlx-text-color-secondary);
+      // border-color: #adadad;
+      -webkit-box-shadow: none;
+      box-shadow: none;
+      &.--border-bottom {
+        color: inherit !important;
+        background-color: transparent !important;
+        -webkit-box-shadow: none;
+        box-shadow: none;
+        // border: 2px solid transparent;
+
+        // border-color: transparent;
+      }
+    }
+    &:focus {
+      -webkit-box-shadow: inset 0px 0px 2px 1.3px rgba(0, 0, 0, 0.125);
+      box-shadow: inset 0px 0px 2px 1.3px rgba(0, 0, 0, 0.125);
+    }
+    // &:focus {
+    //   color: var(--hlx-text-color-primary);
+    //   background-color: #e6e6e6;
+    //   border-color: #8c8c8c;
+    // }
+  }
+
+
 
   .hlx-switch-btn.focus,
   .hlx-switch-btn:focus,