halleyx-ui-framework 4.2.6 → 4.2.7
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.
- package/dist/cjs/index.js +2 -2
- package/dist/es/index.css +1 -1
- package/dist/es/index.js +2 -2
- package/dist/src/assets/styles/inputitems.scss +15 -2
- package/dist/src/assets/styles/modalwindow.scss +1 -1
- package/dist/src/assets/styles/select.scss +53 -8
- package/dist/umd/index.umd.css +1 -1
- package/dist/umd/index.umd.js +2 -2
- package/dist/umd/index.umd.js.map +1 -1
- package/package.json +1 -1
|
@@ -131,7 +131,6 @@ label.check-container:hover {
|
|
|
131
131
|
display: flex;
|
|
132
132
|
position: relative;
|
|
133
133
|
padding-left: 30px;
|
|
134
|
-
cursor: pointer;
|
|
135
134
|
font-size: 14px;
|
|
136
135
|
height: 30px;
|
|
137
136
|
-webkit-user-select: none;
|
|
@@ -139,7 +138,15 @@ label.check-container:hover {
|
|
|
139
138
|
-ms-user-select: none;
|
|
140
139
|
user-select: none;
|
|
141
140
|
}
|
|
142
|
-
|
|
141
|
+
.radio-container:hover{
|
|
142
|
+
cursor: pointer;
|
|
143
|
+
}
|
|
144
|
+
.radio-container.isDisabled:hover {
|
|
145
|
+
cursor: default;
|
|
146
|
+
input {
|
|
147
|
+
cursor: default;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
143
150
|
label.radio-container:hover {
|
|
144
151
|
.radio-checkmark {
|
|
145
152
|
border: 1px solid var(--hlx-color-primary);
|
|
@@ -147,6 +154,12 @@ label.radio-container:hover {
|
|
|
147
154
|
.radio-checkmark.bellTheme {
|
|
148
155
|
border: 1px solid var(--hlx-color-primary);
|
|
149
156
|
}
|
|
157
|
+
.radio-checkmark.disabled {
|
|
158
|
+
border: 1px solid var(--hlx-border-color);
|
|
159
|
+
}
|
|
160
|
+
.radio-checkmark.bellTheme.disabled {
|
|
161
|
+
border: 1px solid var(--hlx-border-color);
|
|
162
|
+
}
|
|
150
163
|
}
|
|
151
164
|
/* Hide the browser's default radio button */
|
|
152
165
|
.radio-container input {
|
|
@@ -814,13 +814,15 @@ button {
|
|
|
814
814
|
width: 34px;
|
|
815
815
|
display: flex;
|
|
816
816
|
align-items: center;
|
|
817
|
-
background:
|
|
817
|
+
background: var(--hlx-color-primary);
|
|
818
818
|
border-radius: 32px;
|
|
819
819
|
height: 32px;
|
|
820
|
+
margin-left: 2px;
|
|
821
|
+
color: var(--hlx-color-white);
|
|
820
822
|
justify-content: center;
|
|
821
|
-
position: absolute;
|
|
823
|
+
// position: absolute;
|
|
822
824
|
}
|
|
823
|
-
input {
|
|
825
|
+
.custom-multi-select-input {
|
|
824
826
|
width: 97%;
|
|
825
827
|
height: 100%;
|
|
826
828
|
border: none;
|
|
@@ -833,12 +835,15 @@ button {
|
|
|
833
835
|
.icon-angle-down-regular,
|
|
834
836
|
.icon-angle-up-regular {
|
|
835
837
|
position: absolute;
|
|
836
|
-
right:
|
|
838
|
+
right: 0px;
|
|
837
839
|
font-size: 14px;
|
|
838
|
-
|
|
840
|
+
width:30px;
|
|
839
841
|
height: 34px;
|
|
840
842
|
display: flex;
|
|
841
843
|
align-items: center;
|
|
844
|
+
border-bottom-right-radius: 2px;
|
|
845
|
+
border-top-right-radius: 2px;
|
|
846
|
+
background-color: white;
|
|
842
847
|
}
|
|
843
848
|
.custom-multi-select-option-container {
|
|
844
849
|
position: absolute;
|
|
@@ -846,16 +851,47 @@ button {
|
|
|
846
851
|
width: 100%;
|
|
847
852
|
border: 1px solid var(--hlx-border-color);
|
|
848
853
|
background-color: white;
|
|
849
|
-
overflow: scroll;
|
|
854
|
+
// overflow: scroll;
|
|
850
855
|
border-radius: 5px;
|
|
851
|
-
padding-left: 8px;
|
|
852
|
-
padding-top: 8px;
|
|
853
856
|
padding-bottom: 8px;
|
|
854
857
|
top: 39px;
|
|
855
858
|
left: 0px;
|
|
856
859
|
overflow-y: none;
|
|
857
860
|
z-index: 10000000000000000;
|
|
861
|
+
display: flex;
|
|
862
|
+
flex-direction: column;
|
|
863
|
+
// flex-wrap: wrap;
|
|
864
|
+
height: auto;
|
|
865
|
+
max-height: 250px;
|
|
866
|
+
.input-container232{
|
|
867
|
+
padding-top: 8px;
|
|
868
|
+
padding-left: 8px;
|
|
869
|
+
overflow-y: scroll;
|
|
870
|
+
overflow-x: none !important;
|
|
871
|
+
// height:100%;
|
|
872
|
+
// height:180px;
|
|
873
|
+
}
|
|
874
|
+
.custom-multi-select-footer{
|
|
875
|
+
display: flex;
|
|
876
|
+
overflow: none;
|
|
877
|
+
justify-content: flex-end;
|
|
878
|
+
padding-top: 8px;
|
|
879
|
+
border-top: 1px solid var(--hlx-border-color);
|
|
880
|
+
.primary{
|
|
881
|
+
margin-right: 10px;
|
|
882
|
+
margin-left: 10px;
|
|
883
|
+
height: 30px;
|
|
884
|
+
}
|
|
885
|
+
.secondary-success {
|
|
886
|
+
height: 30px;
|
|
887
|
+
|
|
888
|
+
}
|
|
889
|
+
}
|
|
858
890
|
}
|
|
891
|
+
.custom-multi-select-option-container .input-container232{
|
|
892
|
+
overflow-x: none !important;
|
|
893
|
+
}
|
|
894
|
+
|
|
859
895
|
.cutom-multi-select-title {
|
|
860
896
|
position: absolute;
|
|
861
897
|
top: -16px;
|
|
@@ -867,3 +903,12 @@ button {
|
|
|
867
903
|
color: #a6a6a6;
|
|
868
904
|
}
|
|
869
905
|
}
|
|
906
|
+
|
|
907
|
+
|
|
908
|
+
.not-all-tag{
|
|
909
|
+
// width:95%;
|
|
910
|
+
display: flex;
|
|
911
|
+
}
|
|
912
|
+
.all-option{
|
|
913
|
+
width:100%;
|
|
914
|
+
}
|