ca-components 1.2.15 → 1.2.17
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/assets/scss/input-dropdown.scss +37 -3
- package/esm2022/lib/components/ca-input/ca-input.component.mjs +3 -3
- package/esm2022/lib/components/ca-input/config/ca-input.config.mjs +1 -1
- package/esm2022/lib/components/ca-input-dropdown/ca-input-dropdown.component.mjs +24 -11
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker-contact/ca-input-dropdown-load-broker-contact-item/ca-input-dropdown-load-broker-contact-item.component.mjs +37 -0
- package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker-contact/ca-input-dropdown-load-broker-contact.component.mjs +8 -5
- package/esm2022/lib/components/ca-input-dropdown/models/input-dropdown-option.model.mjs +1 -1
- package/esm2022/lib/components/ca-input-dropdown/pipes/dropdown-options.pipe.mjs +28 -27
- package/fesm2022/ca-components.mjs +89 -41
- package/fesm2022/ca-components.mjs.map +1 -1
- package/lib/components/ca-input/config/ca-input.config.d.ts +1 -0
- package/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker-contact/ca-input-dropdown-load-broker-contact-item/ca-input-dropdown-load-broker-contact-item.component.d.ts +11 -0
- package/lib/components/ca-input-dropdown/models/input-dropdown-option.model.d.ts +1 -0
- package/lib/components/ca-input-dropdown/pipes/dropdown-options.pipe.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1134,6 +1134,9 @@
|
|
|
1134
1134
|
font-weight: 400;
|
|
1135
1135
|
color: $ta-light-grey-6;
|
|
1136
1136
|
transition: all 0.3s ease-in-out;
|
|
1137
|
+
white-space: nowrap;
|
|
1138
|
+
overflow: hidden;
|
|
1139
|
+
text-overflow: ellipsis;
|
|
1137
1140
|
|
|
1138
1141
|
&.active {
|
|
1139
1142
|
font-weight: 700;
|
|
@@ -1199,6 +1202,15 @@
|
|
|
1199
1202
|
}
|
|
1200
1203
|
}
|
|
1201
1204
|
|
|
1205
|
+
.dropdown-option-hovered {
|
|
1206
|
+
border-radius: 2px;
|
|
1207
|
+
background-color: #1d1d1d;
|
|
1208
|
+
|
|
1209
|
+
.dropdown-subgroup-text {
|
|
1210
|
+
color: #ffffff !important;
|
|
1211
|
+
}
|
|
1212
|
+
}
|
|
1213
|
+
|
|
1202
1214
|
.dropdown-subgroup-options {
|
|
1203
1215
|
display: grid;
|
|
1204
1216
|
grid-template-columns: 141px 135px;
|
|
@@ -1210,6 +1222,14 @@
|
|
|
1210
1222
|
// margin-bottom: 2px;
|
|
1211
1223
|
cursor: pointer;
|
|
1212
1224
|
|
|
1225
|
+
&.selected-option {
|
|
1226
|
+
padding: 0px 4px;
|
|
1227
|
+
|
|
1228
|
+
.dropdown-subgroup-additional-text{
|
|
1229
|
+
padding-right: 40px !important;
|
|
1230
|
+
}
|
|
1231
|
+
}
|
|
1232
|
+
|
|
1213
1233
|
&:hover {
|
|
1214
1234
|
border-radius: 2px;
|
|
1215
1235
|
background-color: #1d1d1d;
|
|
@@ -1219,12 +1239,27 @@
|
|
|
1219
1239
|
}
|
|
1220
1240
|
}
|
|
1221
1241
|
|
|
1242
|
+
&:not(.selected-option) {
|
|
1243
|
+
.dropdown-subgroup-text {
|
|
1244
|
+
color: #ffffff;
|
|
1245
|
+
}
|
|
1246
|
+
|
|
1247
|
+
.dropdown-subgroup-additional-text {
|
|
1248
|
+
&.active {
|
|
1249
|
+
color: #6f9ee0;
|
|
1250
|
+
}
|
|
1251
|
+
}
|
|
1252
|
+
}
|
|
1253
|
+
|
|
1222
1254
|
.dropdown-subgroup-text {
|
|
1223
1255
|
font-size: 14px;
|
|
1224
1256
|
font-weight: 400;
|
|
1225
|
-
|
|
1257
|
+
|
|
1226
1258
|
display: block;
|
|
1227
1259
|
width: 100%;
|
|
1260
|
+
white-space: nowrap;
|
|
1261
|
+
overflow: hidden;
|
|
1262
|
+
text-overflow: ellipsis;
|
|
1228
1263
|
|
|
1229
1264
|
// Higlight text
|
|
1230
1265
|
.highlight-text-45632 {
|
|
@@ -1257,7 +1292,6 @@
|
|
|
1257
1292
|
|
|
1258
1293
|
&.active {
|
|
1259
1294
|
font-weight: 400;
|
|
1260
|
-
color: #6f9ee0;
|
|
1261
1295
|
}
|
|
1262
1296
|
|
|
1263
1297
|
// Higlight text
|
|
@@ -1321,7 +1355,7 @@
|
|
|
1321
1355
|
//------------------------ Load Shipper Contact Template -----------------------
|
|
1322
1356
|
.load-shipper-template {
|
|
1323
1357
|
display: grid;
|
|
1324
|
-
grid-template-columns:
|
|
1358
|
+
grid-template-columns: 1fr 1fr;
|
|
1325
1359
|
align-items: center;
|
|
1326
1360
|
padding-right: 25px;
|
|
1327
1361
|
|