halleyx-ui-framework 2.0.6 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -487,10 +487,10 @@
487
487
  &:hover {
488
488
  background-color: transparent !important;
489
489
  box-shadow: none !important;
490
- color: rgba(var(--hlx-color-link-rgb), 0.7);
490
+ color: var(--hlx-color-link);
491
491
  text-decoration: underline;
492
492
  text-decoration-color: var(--hlx-color-link);
493
- font-weight: 600;
493
+ // font-weight: 600;
494
494
  }
495
495
  &:active {
496
496
  // background-color: getCssVar('color', 'link'));
@@ -382,6 +382,9 @@
382
382
  font-size: 12px;
383
383
  .hlx-multi-select-value{
384
384
  margin-right:5px;
385
+ white-space: nowrap;
386
+ overflow: hidden;
387
+ text-overflow: ellipsis;
385
388
  .icon-times-regular{
386
389
  font-size: 8px;
387
390
  color: var(--hlx-color-primary);
@@ -773,4 +776,65 @@ button{
773
776
  width: 40px;
774
777
  // background-color: aquamarine;
775
778
  color:black;
779
+ }
780
+
781
+
782
+
783
+ .custom-multi-select{
784
+ height:36px;
785
+ width:100%;
786
+ border:1px solid var(--hlx-border-color);
787
+ border-radius: 4px;
788
+ padding-left: 8px;
789
+ display: flex;
790
+ align-items: center;
791
+ background-color: white;
792
+ position: relative;
793
+ .custom-multi-select-tag-value{
794
+ margin-left:8px;
795
+
796
+ .multiselect-inline-tag-option{
797
+ width:100px;
798
+ }
799
+ }
800
+ .multi-select-inline-count-value
801
+ {
802
+ width: 34px;
803
+ display: flex;
804
+ align-items: center;
805
+ background: bisque;
806
+ border-radius: 32px;
807
+ height: 32px;
808
+ justify-content: center;
809
+ position: absolute;
810
+ }
811
+ input{
812
+ width:97%;
813
+ height:100%;
814
+ border:none;
815
+ padding-left: 8px;
816
+ border-top-left-radius:4px;
817
+ border-bottom-left-radius:4px;
818
+ }
819
+ .icon-angle-down-regular{
820
+ font-size: 14px;
821
+ width:30px;
822
+ height:34px;
823
+ display: flex;
824
+ align-items: center;
825
+ }
826
+ .custom-multi-select-option-container{
827
+ position: absolute;
828
+ height:200px;
829
+ width:100%;
830
+ background-color: white;
831
+ overflow: scroll;
832
+ border-radius: 5px;
833
+ padding-left: 8px;
834
+ padding-top:8px;
835
+ padding-bottom: 8px;
836
+ top:39px;
837
+ left:0px;
838
+ }
839
+
776
840
  }
@@ -13,7 +13,7 @@
13
13
  letter-spacing: .005em;
14
14
  flex-direction: row;
15
15
  align-items: center;
16
- justify-content: flex-start;
16
+ justify-content: space-between;
17
17
  align-content: center;
18
18
  color: white;
19
19
  background-color: var(--hlx-color-primary);
@@ -34,7 +34,7 @@
34
34
  }
35
35
  & > i {
36
36
  font-size: 15px;
37
- margin-left: auto;
37
+ margin-left: 2px;
38
38
  cursor: pointer;
39
39
  }
40
40
  &.info {