Bugfix/lfx 1960 work history glitch

frontend/src/modules/contributor/components/details/work-history/contributor-details-work-history-item.vue

@@ -3,7 +3,7 @@
     @mouseover="hovered = true"
     @mouseleave="hovered = false"
   >
-    <div class="flex">
+    <div class="flex min-h-7">
       <div class="flex flex-auto flex-col overflow-hidden">
         <div v-if="props.organization?.memberOrganizations?.title" class="text-small text-gray-900 mb-1.5 flex items-center gap-1.5">
           <lf-svg name="id-card" class="h-4 w-4 text-gray-400" />

frontend/src/modules/contributor/components/shared/contributor-dropdown.vue

@@ -44,7 +44,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { MemberService } from '@/modules/member/member-service';
 import { doManualAction } from '@/shared/helpers/manualAction.helpers';
 import ConfirmDialog from '@/shared/dialog/confirm-dialog';
-import { computed, ref } from 'vue';
+import { computed } from 'vue';
 import useContributorHelpers from '@/modules/contributor/helpers/contributor.helpers';
 import { Contributor } from '@/modules/contributor/types/Contributor';
 import { useContributorStore } from '@/modules/contributor/store/contributor.store';

frontend/src/shared/modules/report-issue/config/type/identity/type-identity.vue

@@ -2,7 +2,7 @@
   <div class="flex items-center">
     <div>
       <lf-tooltip v-if="props.attribute.type === 'email'" content="Email" placement="top-start">
-        <lf-icon name="mail-line" :size="20" />
+        <app-platform-icon platform="emails" size="small" />
       </lf-tooltip>
       <lf-tooltip v-else-if="platform(props.attribute.platform)" placement="top-start" :content="platform(props.attribute.platform).name">
         <img
@@ -19,7 +19,7 @@
         />
       </lf-tooltip>
     </div>
-    <p class="text-medium pl-2">
+    <p class="text-medium pl-2 max-w-60 truncate" :title="props.attribute.value">
       {{ props.attribute.value }}
     </p>
   </div>
@@ -31,6 +31,7 @@ import { OrganizationIdentity } from '@/modules/organization/types/Organization'
 import LfTooltip from '@/ui-kit/tooltip/Tooltip.vue';
 import LfIcon from '@/ui-kit/icon/Icon.vue';
 import { CrowdIntegrations } from '@/integrations/integrations-config';
+import AppPlatformIcon from '@/shared/modules/platform/components/platform-icon.vue';
 
 const props = defineProps<{
   attribute: ContributorIdentity | OrganizationIdentity

frontend/src/ui-kit/timeline/Timeline.vue

@@ -2,7 +2,7 @@
   <div
     v-for="group in props.groups"
     :key="group.label"
-    class="c-timeline"
+    :class="['c-timeline', group.items.length > 1 ? '' : 'c-single-item']"
     @mouseover="emit('onGroupHover', group)"
     @mouseleave="emit('onGroupHover', null)"
   >

frontend/src/ui-kit/timeline/timeline.scss

@@ -3,9 +3,16 @@
   &__group-label {
     @apply flex items-center font-semibold text-medium leading-6 mb-1 truncate text-black hover:text-primary-500 transition block w-full overflow-hidden;
   }
-  // &__border {
-  //   @apply w-px h-full bg-gray-200;
-  // }
+
+  &.c-single-item {
+    ::v-deep .c-timeline__item {
+      .c-timeline__item-content {
+        &::before {
+          @apply invisible;
+        }
+      }
+    }
+  }
 
   ::v-deep .c-timeline__item {
     @apply relative mb-4;
@@ -36,5 +43,3 @@
     }
   }
 }
-
-