@eturnity/eturnity_reusable_components 9.19.6 → 9.19.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "9.19.6",
+  "version": "9.19.8",
   "files": [
     "dist",
     "src"

package/src/components/inputs/select/index.vue

@@ -520,10 +520,10 @@
         : props.fontColor};
     max-height: 300px;
     overflow-y: auto;
+    overflow-x: hidden;
     ${(props) =>
       props.dropdownMatchMaxContent
         ? `
-      overflow-x: visible;
       align-items: stretch;
     `
         : ''}

package/src/components/navigationSideMenu/index.vue

@@ -49,46 +49,46 @@
                     @on-dropdown-close="onResponsibleSelectDropdownClose"
                     @on-dropdown-open="onResponsibleSelectDropdownOpen"
                   >
-                  <template #selector>
-                    <ResponsibleSelectorRow>
-                      <ResponsibleAvatar>{{
-                        responsibleInitials
-                      }}</ResponsibleAvatar>
-                      <ResponsibleTextStack>
-                        <ResponsibleRoleLabel>{{
-                          $gettext('responsible')
-                        }}</ResponsibleRoleLabel>
-                        <ResponsibleNameLine :title="responsibleDisplayName">{{
-                          responsibleDisplayName
-                        }}</ResponsibleNameLine>
-                      </ResponsibleTextStack>
-                    </ResponsibleSelectorRow>
-                  </template>
-                  <template #dropdown>
-                    <SelectOption
-                      v-for="(item, optionIdx) in projectManagerOptions"
-                      :key="
-                        item.id === null || item.id === undefined
-                          ? `pm_opt_none_${optionIdx}`
-                          : `pm_opt_${item.id}`
-                      "
-                      :data-id="`sidebar_responsible_option_${optionIdx + 1}`"
-                      :data-qa-id="`sidebar_responsible_option_${
-                        optionIdx + 1
-                      }`"
-                      min-width="min-content"
-                      :value="item.id"
-                    >
-                      <ResponsibleOptionRow>
-                        <ResponsibleOptionAvatar>{{
-                          initialsFromFullName(item.full_name)
-                        }}</ResponsibleOptionAvatar>
-                        <SelectOptionText>{{
-                          item.full_name
-                        }}</SelectOptionText>
-                      </ResponsibleOptionRow>
-                    </SelectOption>
-                  </template>
+                    <template #selector>
+                      <ResponsibleSelectorRow>
+                        <ResponsibleAvatar>{{
+                          responsibleInitials
+                        }}</ResponsibleAvatar>
+                        <ResponsibleTextStack>
+                          <ResponsibleRoleLabel>{{
+                            $gettext('responsible')
+                          }}</ResponsibleRoleLabel>
+                          <ResponsibleNameLine
+                            :title="responsibleDisplayName"
+                            >{{ responsibleDisplayName }}</ResponsibleNameLine
+                          >
+                        </ResponsibleTextStack>
+                      </ResponsibleSelectorRow>
+                    </template>
+                    <template #dropdown>
+                      <SelectOption
+                        v-for="(item, optionIdx) in projectManagerOptions"
+                        :key="
+                          item.id === null || item.id === undefined
+                            ? `pm_opt_none_${optionIdx}`
+                            : `pm_opt_${item.id}`
+                        "
+                        :data-id="`sidebar_responsible_option_${optionIdx + 1}`"
+                        :data-qa-id="`sidebar_responsible_option_${
+                          optionIdx + 1
+                        }`"
+                        :value="item.id"
+                      >
+                        <ResponsibleOptionRow>
+                          <ResponsibleOptionAvatar>{{
+                            initialsFromFullName(item.full_name)
+                          }}</ResponsibleOptionAvatar>
+                          <SelectOptionText :title="item.full_name">{{
+                            item.full_name
+                          }}</SelectOptionText>
+                        </ResponsibleOptionRow>
+                      </SelectOption>
+                    </template>
                   </SelectComponent>
                 </ResponsibleSelectSurface>
               </ResponsibleCard>
@@ -596,7 +596,7 @@
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
-    margin-left: ${(p) => (p.isCollapsed ? '0' : '0')};
+    margin-left: ${(p) => (p.isCollapsed ? '0' : 'auto')};
   `
 
   const ResponsibleBlock = styled.div`
@@ -688,8 +688,8 @@
     flex-direction: row;
     align-items: center;
     gap: 10px;
-    width: max-content;
-    min-width: 100%;
+    width: 100%;
+    min-width: 0;
     box-sizing: border-box;
   `
 
@@ -712,9 +712,11 @@
     font-size: 14px;
     font-weight: 400;
     color: ${(p) => p.theme.semanticColors.grey[800]};
-    flex: 0 1 auto;
+    flex: 1 1 auto;
+    min-width: 0;
     white-space: nowrap;
-    overflow: visible;
+    overflow: hidden;
+    text-overflow: ellipsis;
   `
 
   export default {