halleyx-ui-framework 5.6.14 → 5.7.2

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.
@@ -1157,4 +1157,72 @@ button {
1157
1157
 
1158
1158
  [data-tooltip]:before{
1159
1159
  word-wrap: break-word;
1160
+ }
1161
+
1162
+
1163
+
1164
+ .option-image-tag-container{
1165
+ display: flex;
1166
+ padding-left:20px;
1167
+ &-image-fit{
1168
+ height:40px;
1169
+ width:40px;
1170
+ border-radius: 40px;
1171
+ // background: aqua;
1172
+ .image-fit{
1173
+ height:100%;
1174
+ width:100%;
1175
+ object-fit: cover;
1176
+ border-radius: 100%;
1177
+ }
1178
+ }
1179
+ &-image-fit-title-subtitle{
1180
+ display: flex;
1181
+ flex-direction: column;
1182
+ padding-left: 10px;
1183
+ &-section{
1184
+ display: flex;
1185
+ align-items: center;
1186
+ align-content: center;
1187
+ &-title-name{
1188
+ font-size: 14px;
1189
+ padding-right: 10px;
1190
+ }
1191
+ }
1192
+ }
1193
+ &-image-fit-label-value{
1194
+ padding-left:10px;
1195
+ padding-top:5px;
1196
+ display: flex;
1197
+ // justify-content: center;
1198
+ // align-items: center;
1199
+ }
1200
+ &-image-fit-title-subtitle-subtitle-name{
1201
+ font-size: 12px;
1202
+ }
1203
+ }
1204
+
1205
+ .selectvalue{
1206
+ margin-left:8px;
1207
+ }
1208
+
1209
+ .tagimagecontainer{
1210
+ width:100%;
1211
+ height:100%;
1212
+ padding-left:12px;
1213
+ font-size: 14px;
1214
+ display: flex;
1215
+ align-items: center;
1216
+ }
1217
+
1218
+ .firstandsecondcolor{
1219
+ width:100%;
1220
+ height:100%;
1221
+ border-radius: 100%;
1222
+ display: flex;
1223
+ justify-content: center;
1224
+ align-items: center;
1225
+ background-color: #E2DEED;
1226
+ color: #645D7F;
1227
+ font-size: 16px;
1160
1228
  }
@@ -521,10 +521,12 @@
521
521
 
522
522
 
523
523
  .timeline-parent-container{
524
- height:100%;
524
+ // height:100%;
525
525
  width:100%;
526
+ padding-right: 5px;
527
+ // overflow-y: scroll;
526
528
  .timeline-single-container{
527
- height:100%;
529
+ // height:100%;
528
530
  width:100%;
529
531
  display:flex;
530
532
  &-icon-side{
@@ -532,17 +534,27 @@
532
534
  display: flex;
533
535
  flex-direction: column;
534
536
  &-icon-container{
535
- height:43px;
536
- width:40px;
537
- border-radius: 40px;
538
- display: flex;
539
- justify-content: center;
540
- align-items: center;
541
- background-color: #D9D9D9;
537
+ height:45px;
538
+ width:45px;
539
+ // border-radius: 45px;
540
+ // display: flex;
541
+ // justify-content: center;
542
+ // align-items: center;
543
+ // background-color: #D9D9D9;
542
544
  font-size: 30px;
545
+ i{
546
+ height: 40px;
547
+ width:40px;
548
+ border-radius: 40px;
549
+ background-color: #D9D9D9;
550
+ display: flex;
551
+ justify-content: center;
552
+ align-content: center;
553
+ align-items: center;
554
+ }
543
555
  }
544
556
  &-vertical-line-container{
545
- min-height:70px;
557
+ min-height:75px;
546
558
  height:calc(100% - 30px);
547
559
  // background-color: rgb(164, 255, 255);
548
560
  &-vertical-line{
@@ -583,3 +595,16 @@
583
595
  }
584
596
  }
585
597
  }
598
+
599
+
600
+ .link-timeline{
601
+ color: #2879b7;
602
+ display: flex;
603
+ justify-content: center;
604
+ align-items: center;
605
+ margin-top:10px;
606
+ &:hover{
607
+ text-decoration: underline;
608
+ cursor: pointer;
609
+ }
610
+ }
@@ -519,19 +519,19 @@
519
519
  user-select: none;
520
520
  font-size: 10px;
521
521
 
522
- &.drag-border {
523
- border: 0.4px dashed var(--hlx-border-color);
524
- }
522
+ // &.drag-border {
523
+ // border: 0.4px dashed var(--hlx-border-color);
524
+ // }
525
525
  & > li {
526
526
  min-height: 400px;
527
527
  min-width: 400px;
528
528
  }
529
- justify-content: center;
529
+ // justify-content: center;
530
530
  $color: #222;
531
531
  $background-color: white;
532
- $border-weight: 1px;
533
- $margin: 12px;
534
- margin: calc($margin * 1.5);
532
+ $border-weight: 2px;
533
+ $margin: 35px;
534
+ margin: 0.5px;
535
535
  padding: 0;
536
536
 
537
537
  &:not(:empty):before,