halleyx-ui-framework 4.3.7 → 4.3.9

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

@@ -13,6 +13,7 @@
   --font-family: OpenSans;
 }
 .light {
+  width: 100%;
   --bg-body: var(--light-body);
   --bg-main: var(--light-main);
   --bg-second: var(--light-second);
@@ -31,8 +32,9 @@
     background: var(--hlx-color-primary) !important;
   }
   .calendar {
+    top: 40px;
     height: 340px;
-    width: 310px;
+    width: 100%;
     background-color: var(--bg-main);
     border-radius: 10px;
     padding: 5px;
@@ -309,7 +311,7 @@
     left: 0;
     background-color: var(--bg-main);
     padding: 20px;
-    grid-template-columns: 70px 70px 70px;
+    grid-template-columns: auto auto auto;
     gap: 28px;
     display: grid;
     transform: scale(1.5);

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

@@ -0,0 +1,114 @@
+.calendar-container {
+    background: #fff;
+    width:100%;
+    border-radius: 10px;
+    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
+}
+
+.calendar-filter-dropdown{
+    display: flex;
+    width:100%;
+    span{
+        width:50%;
+        padding:20px 30px;
+    }
+}
+
+.calendar-container header {
+    display: flex;
+    align-items: center;
+    padding: 10px 30px 10px;
+    justify-content: space-between;
+}
+
+header .calendar-navigation {
+    display: flex;
+}
+
+header .calendar-navigation span {
+    height: 38px;
+    width: 38px;
+    margin: 0 1px;
+    cursor: pointer;
+    text-align: center;
+    // line-height: 38px;
+    border-radius: 50%;
+    user-select: none;
+    color: #aeabab;
+    font-size: 1.9rem;
+}
+
+.calendar-navigation span:last-child {
+    margin-right: -10px;
+}
+
+header .calendar-navigation span:hover {
+    background: #f2f2f2;
+}
+
+header .calendar-current-date {
+    font-weight: 500;
+    font-size: 1.45rem;
+    // background-color: #6332c5;
+}
+
+.calendar-body {
+    padding: 20px;
+}
+
+.calendar-body ul {
+    list-style: none;
+    flex-wrap: wrap;
+    display: flex;
+    text-align: center;
+}
+
+.calendar-body .calendar-dates {
+    margin-bottom: 20px;
+}
+
+.calendar-body li {
+    width: calc(100% / 7);
+    font-size: 1.07rem;
+    color: #414141;
+}
+
+.calendar-body .calendar-weekdays li {
+    cursor: default;
+    font-weight: 500;
+}
+
+.calendar-body .calendar-dates li {
+    margin-top: 30px;
+    position: relative;
+    z-index: 1;
+    cursor: pointer;
+}
+
+.calendar-dates li.inactive {
+    color: #aaa;
+}
+
+.calendar-dates li.active {
+    color: #fff;
+}
+
+.calendar-dates li::before {
+    position: absolute;
+    content: "";
+    z-index: -1;
+    top: 50%;
+    left: 50%;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.calendar-dates li.active::before {
+    background: #265e4b;
+}
+
+.calendar-dates li:not(.active):hover::before {
+    background: #e4e1e1;
+}

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

@@ -15,4 +15,5 @@
   './imagegallery.scss', './switch.scss', './colorpalette.scss',
   './calendar.scss', './contextMenu.scss', './newtable.scss', './drawer.scss',
   'fonts', './scrollbar.scss', './tablev2.scss', './customdropdown.scss',
-  './visualbuilder.scss', './objectViewer.scss','./buttonGroup.scss';
+  './visualbuilder.scss', './objectViewer.scss','./buttonGroup.scss',
+  './calendarfilter.scss';

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

@@ -21,6 +21,12 @@ input[type='checkbox']:checked {
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+
+  .ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }
 
 .select-all-theme {
@@ -137,6 +143,11 @@ label.check-container:hover {
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  .ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }
 .radio-container:hover{
   cursor: pointer;

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

@@ -257,6 +257,9 @@
   width: 100%;
   font-size: 14px;
   cursor: pointer;
+  white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis
 }
 .hlx-multi-select-option-value {
   font-family: var(--hlx-font-type-content);
@@ -267,6 +270,9 @@
   font-size: 14px;
   height: 30px;
   cursor: pointer;
+  white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis
 }
 .select-value {
   background-color: var(--hlx-color-primary);
@@ -729,6 +735,7 @@ button {
     font-family: var(--hlx-font-type-content);
     z-index: 100000000;
     overflow-y: auto;
+    overflow-x: hidden;
   }
   .no-data-option {
     display: flex;
@@ -758,6 +765,9 @@ button {
       font-size: 14px;
       height: 30px;
       cursor: pointer;
+      white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis
     }
   }
 }
@@ -863,11 +873,12 @@ button {
     // flex-wrap: wrap;
      height: auto;
      max-height: 250px;
+
     .input-container232{
       padding-top: 8px;
       padding-left: 8px;
       overflow-y: scroll;
-      overflow-x: none !important;
+      overflow-x: hidden;
       // height:100%;
       // height:180px;
     }